AngularMaterial选择列表-在模板中设置选中列
创始人
2024-10-28 11:01:53
0次
  1. 在HTML模板中使用matSelectionList指令来创建选择列表：

  
    {{ item.name }}
  1. 添加一个名为“onSelectionChange”的事件处理函数，以在选择更改时更新数据模型：
onSelectionChange(event: MatSelectionListChange) {
  event.options.forEach((option: MatListOption) => {
    const item = option.value;
    item.selected = option.selected;
  });
}
  1. 在需要设置选中项目的地方，可以直接操作数据模型，例如：
this.items.forEach((item) => {
  if (item.name === 'Item 1' || item.name === 'Item 3') {
    item.selected = true;
  }
});

这样，在模板中使用[selected]绑定的项目也将被正确选中。

上一篇：AngularMaterial选择表单控件的动态样式。

下一篇：AngularMaterial虚拟滚动高度不正确调整

相关内容

热门资讯

外挂方案！德州透视是真的假的，... 外挂方案！德州透视是真的假的，智星菠萝有挂吗-其实一直总是有辅助app（哔哩哔哩）1、起透看视 德州...
外挂策略！sohoo poke... 外挂策略！sohoo poker辅助器，德州局透视脚本免费版下载手机版-总是真的有辅助脚本（哔哩哔哩...
外挂要领！德普之星辅助器，德普... 外挂要领！德普之星辅助器，德普之星辅助器怎么用-一贯一直都是有辅助神器（哔哩哔哩）1、许多玩家不知道...
外挂策略！德普之星私人局辅助器... 外挂策略！德普之星私人局辅助器，哈糖大菠萝破解器-总是一直总是有辅助脚本（哔哩哔哩）所有人都在同一条...
外挂要领！聚星ai辅助工具激活... 外挂要领！聚星ai辅助工具激活码，pokerworld修改器-确实是真的有辅助技巧（哔哩哔哩）1、起...
外挂妙计！竞技联盟透视插件，德... 您好，竞技联盟透视插件这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩...
外挂秘籍！哈糖大菠萝开挂，智星... 外挂秘籍！哈糖大菠萝开挂，智星德州插件2024最新版-本来存在有辅助技巧（哔哩哔哩）运智星德州插件2...
外挂举措！来玩app破解，德普... 外挂举措！来玩app破解，德普之星透视辅助-果然是真的有辅助教程（哔哩哔哩）1、进入游戏-大厅左侧-...
外挂步骤！sohoo竞技联盟辅... 外挂步骤！sohoo竞技联盟辅助器，uupoker有透视吗-一直是有辅助攻略（哔哩哔哩）进入游戏-大...
外挂手段！impoker辅助，... 外挂手段！impoker辅助，悦扑克脚本-一直一直都是有辅助app（哔哩哔哩）1、悦扑克脚本公共底牌...