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

相关内容

热门资讯

9分钟了解！欢乐贰柒拾发牌规律... 欢乐贰柒拾发牌规律新手教程相关信息汇总（需添加指定薇757446909获取下载链接）；9分钟了解！欢...
6分钟介绍！白金岛辅助工具下载... 6分钟介绍！白金岛辅助工具下载，来玩app德州安卓有用（详细透视辅助黑科技教程）；亲们利用一分钟了解...
一分钟详情！蜜瓜大厅拼三张辅助... 一分钟详情！蜜瓜大厅拼三张辅助器，aa poker有挂（详细透视辅助黑科技教程）；玩家必备必赢加哟《...
6分钟了解！温州茶苑有没有外 ... 1、6分钟了解！温州茶苑有没有外 挂，微扑克wpk辅助存在（详细透视辅助神器教程）；详细教程。2、温...
一分钟教程！陕麻圈捉老麻子有外... 一分钟教程！陕麻圈捉老麻子有外 挂吗，微扑克辅助器是真的（详细透视辅助神器教程）；小薇（透视辅助）致...
8分钟了解！四川游戏家园有插件... 相信很多朋友都在电脑上玩过四川游戏家园有插件吗吧，但是很多朋友都在抱怨用电脑玩起来不方便。为此小编给...
4分钟黑科技！元来黄冈麻将听牌... 4分钟黑科技！元来黄冈麻将听牌器，德州ai辅助神器燃油（详细透视辅助器教程）；玩家必备必赢加哟《13...
两分钟了解！牌乐门怎么玩包赢，... 两分钟了解！牌乐门怎么玩包赢，德州ai辅助神器可以收费（详细透视辅助黑科技教程）；建议优先通过牌乐门...
两分钟了解！拱趴游戏辅助器，红... 两分钟了解！拱趴游戏辅助器，红龙扑克ai（详细透视辅助助手教程）；亲们利用一分钟了解精致的软件效果，...
2分钟教学！微信开心十三张辅助... 2分钟教学！微信开心十三张辅助是真是假，德扑网上设置（详细透视辅助工具教程）关于微信开心十三张辅助是...