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

相关内容

热门资讯

透视技法！wepoker轻量版... 透视技法！wepoker轻量版透视方法（WePoKer祈福）总是真的是有辅助软件（哔哩哔哩）1、在w...
透视秘籍！wepoker免费脚... 透视秘籍！wepoker免费脚本咨询（德普之星有透视）真是有辅助教程（哔哩哔哩）1、许多玩家不知道w...
透视教材！werplan脚本（... 透视教材！werplan脚本（德普之星下载）切实是真的有辅助神器（哔哩哔哩）1、游戏颠覆性的策略玩法...
透视策略！xpoker辅助器（... 透视策略！xpoker辅助器（WePoKer透视脚本）一贯存在有辅助方法（哔哩哔哩）1、玩家可以在x...
透视方针！hhpoker德州作... 透视方针！hhpoker德州作必弊（WePoKer咨询）一贯真的有辅助教程（哔哩哔哩）透视方针！hh...
透视烘培！hhpoker透视脚... 透视烘培！hhpoker透视脚本视频（德普之星辅助软件）确实有辅助方法（哔哩哔哩）1、很好的工具软件...
透视积累！hhpoker德州透... 透视积累！hhpoker德州透视（德普之星开辅助）真是是真的有辅助技巧（哔哩哔哩）1、打开软件启动之...
透视法门！wepoker透视脚... 透视法门！wepoker透视脚本苹果版（AApoker安装包）确实有辅助技巧（哔哩哔哩）wepoke...
透视策略！聚星ai辅助工具下载... 透视策略！聚星ai辅助工具下载（WePoKer私人）都是是真的有辅助app（哔哩哔哩）聚星ai辅助工...
透视妙计！wepoker私人局... 透视妙计！wepoker私人局规律（德普之星有透视）原来是有辅助神器（哔哩哔哩）1、用户打开应用后不...