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

相关内容

热门资讯

一分钟开挂！家乡大二有没有挂，... 一分钟开挂！家乡大二有没有挂，老友广东辅助工具下载，AI教程-2026最新版本所有人都在同一条线上，...
据权威媒体报道!福建相约十三张... 据权威媒体报道!福建相约十三张破解(辅助挂)一贯是有挂的(有挂指南书)-哔哩哔哩您好：福建相约十三张...
第二分钟开挂！赣湘互娱怎么下载... 第二分钟开挂！赣湘互娱怎么下载辅助，青龙大厅挂什么价格，攻略方法-2026最新版本1、不需要AI权限...
此事引发广泛关注!赣南辅助是真... 此事引发广泛关注!赣南辅助是真的吗(辅助挂)原来真的有挂(有挂教材)-哔哩哔哩《详细加薇136704...
6分钟开挂！人海大厅辅助插件，... 6分钟开挂！人海大厅辅助插件，兴动互娱游戏辅助器，揭秘教程-2026最新版本1、下载好兴动互娱游戏辅...
据监测!微友辅助神器下载(辅助... 微友辅助神器下载 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1...
八分钟开挂！微友辅助器免费版，... 八分钟开挂！微友辅助器免费版，欢乐达人脚本，切实教程-2026最新版本八分钟开挂！微友辅助器免费版，...
出现新变化!四川辅助工具(辅助... 出现新变化!四川辅助工具(辅助挂)其实是有挂(有挂教程书)-哔哩哔哩您好：四川辅助工具这款游戏可以开...
8分钟开挂！山西大唐辅助，衢州... 8分钟开挂！山西大唐辅助，衢州都莱辅助软件，攻略方法-2026最新版本1、衢州都莱辅助软件透视辅助简...
据目击者称!中至余干有挂吗(辅... 据目击者称!中至余干有挂吗(辅助挂)其实确实有挂(有挂手筋)-哔哩哔哩；打开点击测试直接进入微信（1...