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

相关内容

热门资讯

透视经验！hhpoker有没有... 透视经验！hhpoker有没有作必弊挂（HHpoker透视器）一直有辅助app（哔哩哔哩）1、每一步...
透视烘培！WePOker有没有... 透视烘培！WePOker有没有透视方法（AApoker ai插件）一贯有辅助技巧（哔哩哔哩）1、用户...
透视举措！hhpoker软件安... 透视举措！hhpoker软件安装包（德普之星免费）本来是真的有辅助工具（哔哩哔哩）1、打开软件启动之...
透视窍门！hhpoker是真的... 透视窍门！hhpoker是真的吗（德普之星透视辅助）都是是有辅助方法（哔哩哔哩）运德普之星透视辅助辅...
透视演示！wepoker私人局... 透视演示！wepoker私人局辅助（WPK工具）都是真的是有辅助脚本（哔哩哔哩）透视演示！wepok...
透视要领！wepoker免费透... 透视要领！wepoker免费透视脚本（WePoKer看底牌）果然是有辅助工具（哔哩哔哩）1、实时we...
透视大纲！hh poker软件... 透视大纲！hh poker软件（HHpoker控制）真是有辅助插件（哔哩哔哩）；1、hh poker...
透视秘籍！德普之星私人局透视（... 透视秘籍！德普之星私人局透视（德普之星透视辅助）本来存在有辅助脚本（哔哩哔哩）德普之星私人局透视透视...
透视要领！德普之星怎么设置埋牌... 透视要领！德普之星怎么设置埋牌（WPK俱乐部）一直真的是有辅助神器（哔哩哔哩）1）德普之星怎么设置埋...
透视经验！we-poker是什... 透视经验！we-poker是什么软件（AApoker辅助插件）本来真的是有辅助神器（哔哩哔哩）1、玩...