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

相关内容

热门资讯

玩家必看科普！德普之星透视辅助... 玩家必看科普！德普之星透视辅助软件，hhpoker辅助挂下载，我来教教你（其实是有挂的）-哔哩哔哩；...
透视有挂！wejoker辅助脚... 透视有挂！wejoker辅助脚本，we poker辅助器v3.3，细节揭秘（一直确实有挂）-哔哩哔哩...
重大通报！wepoker亲友圈... 重大通报！wepoker亲友圈有用吗，wpk俱乐部怎么辅助，规律教程（果然是有挂的）-哔哩哔哩；亲真...
必备科技！德普之星有辅助软件吗... 必备科技！德普之星有辅助软件吗，hhpoker是内部控制吗，详细教程!（一直确实有挂）-哔哩哔哩;人...
揭秘关于！德州局hhpoker... 揭秘关于！德州局hhpoker，wepoker有人用过吗，线上教程（一贯真的有挂）-哔哩哔哩；超受欢...
必备辅助推荐！wepoker破... 《必备辅助推荐！wepoker破解游戏盒子，aapoker插件下载，揭秘教程（原来有挂）-哔哩哔哩》...
我来分享！wepoker私人局... 我来分享！wepoker私人局透视插件，wepoker轻量版有透视吗，2026版教程（原来真的有挂）...
透视规律！aapoker如何设... 透视规律！aapoker如何设置胜率，德州透视竞技联盟，2026教程（原来是有挂的）-哔哩哔哩;1、...
实测教程！哈糖大菠萝有挂吗5个... 实测教程！哈糖大菠萝有挂吗5个常用方法，pokeplus脚本，黑科技教程（一直真的是有挂）-哔哩哔哩...
记者发布！wepoker有辅助... 记者发布！wepoker有辅助器吗，wpk透视是真的假的，2026新版（原来是有挂）-哔哩哔哩，wp...