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

相关内容

热门资讯

第四分钟辅助！手游游戏挂机辅助... 第四分钟辅助！手游游戏挂机辅助，蜀山四川小程序辅助（透视模拟器开挂辅助下载） >>您好：软件加薇13...
第4分钟辅助！兴动互娱脚本，微... 第4分钟辅助！兴动互娱脚本，微乐广西小程序脚本（终于清楚开挂辅助工具）;人气非常高，ai更新快且高清...
4分钟辅助！万能游戏辅助器脚本... 4分钟辅助！万能游戏辅助器脚本，pokerworld修改器（让我来分享经验开挂辅助平台）【无需打开直...
两分钟辅助！789大菠萝辅助，... 两分钟辅助！789大菠萝辅助，决胜游戏辅助器（避坑细节开挂辅助神器）；决胜游戏辅助器免费下载原版，在...
第七分钟辅助！雀神广东定制插件... 第七分钟辅助！雀神广东定制插件，来物局潮汕辅助（透视好友开挂辅助平台）；无需打开直接搜索微信（136...
九分钟辅助！兴动休闲辅助，爱趣... 九分钟辅助！兴动休闲辅助，爱趣玩辅助（一分钟秒懂开挂辅助工具）;1、让任何用户在无需AI插件第三方神...
6分钟透视！小程序牵手跑得快辅... 6分钟透视！小程序牵手跑得快辅助器，poker world辅助（发现一款开挂辅助平台）您好：小程序牵...
2分钟辅助！新畅游互娱辅助ap... 2分钟辅助！新畅游互娱辅助app，麻友圈安全版插件（今日百科开挂辅助工具）;1、这是跨平台的新畅游互...
第8分钟辅助！潮汕老友麻将开挂... 第8分钟辅助！潮汕老友麻将开挂，pokemmo辅助工具（透视规律开挂辅助安装）；无需打开直接搜索薇:...
第五分钟辅助！创思维激k辅助下... 第五分钟辅助！创思维激k辅助下载，上游指尖四川修改（玩家必看分享开挂辅助软件）;上游指尖四川修改AI...