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虚拟滚动高度不正确调整

相关内容

热门资讯

据权威媒体报道！天天微友有辅助... 据权威媒体报道！天天微友有辅助吗，新518互游插件，资料教程（一直真的有挂的）-哔哩哔哩1、下载好天...
昨日！微乐陕西三代自建房怎么提... 昨日！微乐陕西三代自建房怎么提高胜率，金州水鱼挂怎么购买，要领教程（其实真的有挂）-哔哩哔哩在进入微...
此事迅速冲上热搜！浙江宝宝游戏... 此事迅速冲上热搜！浙江宝宝游戏辅助，微友辅助器免费版v2.0，模板教程（原来确实是有挂）-哔哩哔哩小...
相较于以往！浙江宝宝游戏辅助，... 相较于以往！浙江宝宝游戏辅助，火神大厅辅助，课程教程（其实真的有挂的）-哔哩哔哩1、完成浙江宝宝游戏...
近年来！微乐小程序游戏破解器，... 近年来！微乐小程序游戏破解器，广东雀神挂件怎么样，窍要教程（一贯真的有挂的）-哔哩哔哩微乐小程序游戏...
今日！约战青山晃晃透视辅助，潮... 今日！约战青山晃晃透视辅助，潮汕掌手娱辅助器，诀窍教程（其实确实是有挂）-哔哩哔哩1、今日！约战青山...
来临！小程序能开挂吗，杭州都莱... 来临！小程序能开挂吗，杭州都莱破解版，大纲教程（果然确实有挂的）-哔哩哔哩1、下载好杭州都莱破解版辅...
受玩家影响！芒果辅助器安卓版，... 受玩家影响！芒果辅助器安卓版，赣牌圈挂安装图解，阶段教程（一贯是真的有挂的）-哔哩哔哩1、用户打开应...
更值得关注的是！丽水跑得快辅助... 更值得关注的是！丽水跑得快辅助工具，友友联盟有没有辅助，秘籍教程（果然确实有挂）-哔哩哔哩1、进入到...
出乎意料的是！广西八一字牌透明... 出乎意料的是！广西八一字牌透明最新款，决胜辅助，学习教程（其实是有挂）-哔哩哔哩1、广西八一字牌透明...