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

相关内容

热门资讯

黑科技辅助！（wepoKe）软... 黑科技辅助！（wepoKe）软件透明挂，（wepoke）果然真的是有挂，玩家教程（有挂攻略）；大神普...
黑科技代打(wpk游戏)外挂透... 黑科技代打(wpk游戏)外挂透视辅助下载(透视)2025新版总结(确实有挂)wpk游戏是一种具有地方...
黑科技辅助！（AAPOKER）... 黑科技辅助！（AAPOKER）透明挂辅助机制，（aApoker）本然有挂，曝光教程（有挂方法）是一款...
黑科技中牌率(微扑克)外挂透视... 黑科技中牌率(微扑克)外挂透视辅助技巧(透视)存在挂教程(原来真的有挂)；1、首先打开微扑克最新版本...
黑科技讲解！（wPk）透视辅助... 黑科技讲解！（wPk）透视辅助挂，（WPK）好像是真的有挂，可靠教程（有挂辅助）；玩家必备必赢加哟《...
黑科技辅助挂(wpK)外挂透视... 黑科技辅助挂(wpK)外挂透视辅助app(透视)力荐教程(总是有挂)该软件可以轻松地帮助玩家将wpK...
黑科技教程！（aa扑克）透明挂... 黑科技教程！（aa扑克）透明挂辅助插件，（aa poker）好像是有挂，2025新版教程（有挂技巧）...
黑科技私人局(wpK)外挂透视... 黑科技私人局(wpK)外挂透视辅助助手(透视)可靠教程(一直是有挂)；1、点击下载安装，wpK插件透...
黑科技辅助！（WepoKe）软... 黑科技辅助！（WepoKe）软件透明挂，（WepOke）一向存在有挂，揭秘教程（有挂透视）准备好在W...
黑科技规律(微扑克插件)外挂透... 黑科技规律(微扑克插件)外挂透视辅助器(透视)细节方法(切实真的是有挂)1、微扑克插件机器人多个强度...