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...
科技介绍！小逸碰胡脚本，情怀打... 科技介绍！小逸碰胡脚本，情怀打七开辅助，分享开挂辅助教程（有挂方式）；无需打开直接搜索打开薇:136...
记者发布！爱来辅助器，杭州都莱... 记者发布！爱来辅助器，杭州都莱破解版，盘点开挂辅助教程（有挂头条）；无需打开直接搜索打开薇:1367...
玩家必备科普！钱塘十水三挂件，... 玩家必备科普！钱塘十水三挂件，开心泉州小程序有挂吗，细节开挂辅助教程（新版有挂）；无需打开直接搜索薇...
玩家必用！蜀山四川小程序辅助，... 玩家必用！蜀山四川小程序辅助，掌电竞技辅助工具，细节开挂辅助教程（有挂方略）；无需打开直接搜索薇:1...
今日科普！闲玩暗宝辅助软件，浙... 今日科普！闲玩暗宝辅助软件，浙江游戏大厅脚本修改，正品开挂辅助教程（有挂方略）；无需打开直接搜索加（...
终于知道！小唐家乐园山西辅助软... 终于知道！小唐家乐园山西辅助软件，广西友乐辅助器，关于开挂辅助教程（有挂功能）；无需打开直接搜索加薇...
详细说明！福建微乐小程序修改器... 详细说明！福建微乐小程序修改器，小闲川南宜宾辅助，必看开挂辅助教程（竟然有挂）；无需打开直接搜索薇:...
关于！微信大a辅助，黑桃a3辅... 关于！微信大a辅助，黑桃a3辅助，正版开挂辅助教程（存在有挂）；无需打开直接搜索加（薇:136704...
我来教教大家！蜀渝牌乐汇修改器... 我来教教大家！蜀渝牌乐汇修改器，河洛杠次脚本开发，曝光开挂辅助教程（有挂工具）；无需打开直接搜索加薇...