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

相关内容

热门资讯

关于！摸一把游戏辅助软件，德州... 您好：摸一把游戏辅助软件这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
盘点十款！皮皮游戏辅助平台，w... 您好，皮皮游戏辅助平台这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在...
揭秘！皮皮手游辅助，德普之星怎... 揭秘！皮皮手游辅助，德普之星怎么设置埋牌，透明教程（有挂讲解）；揭秘！皮皮手游辅助，德普之星怎么设置...
必备教程！佛手大菠萝破解版io... 必备教程！佛手大菠萝破解版ios，wepoker辅助软件价格，玩家教你（有挂细节）;1、让任何用户在...
重磅来袭！欢乐卡五星插件，约局... 重磅来袭！欢乐卡五星插件，约局吧如何查看是否有挂，2025教程（有挂方法）是一款可以让一直输的玩家，...
实操分享！随意玩辅助器，epo... 实操分享！随意玩辅助器，epoker有透视吗，2025新版（有挂透明挂）;随意玩辅助器是一种具有地方...
盘点一款！天道辅助器使用教程，... 盘点一款！天道辅助器使用教程，wepoker透视有吗，存在挂教程（真实有挂）;相信小伙伴都知道这个天...
记者爆料！牵手跑得软件，wep... 记者爆料！牵手跑得软件，wepoker高级辅助，总结教程（有挂助手）；牵手跑得软件免费下载原版，在牵...
最新研发！维系小程序雀神挂件，... 最新研发！维系小程序雀神挂件，wepoker软件辅助程序，解密教程（果真有挂）是一款可以让一直输的玩...
实测发现！微乐河南小程序微乐辅... 实测发现！微乐河南小程序微乐辅助脚本，hhpoker是正品吗，新2025教程（有挂解密）;1、这是跨...