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

相关内容

热门资讯

我来分享！决胜游戏辅助器，皮皮... 《我来分享！决胜游戏辅助器，皮皮跑子胡子修改器，攻略教程!（有挂细节）-哔哩哔哩》 皮皮跑子胡子修改...
我来教教大家！蜀山四川破解好友... 我来教教大家！蜀山四川破解好友版辅助，邯郸胡乐修改器，揭秘攻略（有挂猫腻）-哔哩哔哩;人气非常高，a...
透视有挂！泸州大二新手攻略，新... 【福星临门，好运相随】；透视有挂！泸州大二新手攻略，新九哥开挂，线上教程（发现有挂）-哔哩哔哩；暗藏...
玩家攻略推荐！宝宝浙江辅助器，... 玩家攻略推荐！宝宝浙江辅助器，新海贝之城脚本，曝光教程（有挂细节）-哔哩哔哩;1、很好的新海贝之城脚...
科普常识！上饶辅助，龙江填大坑... 科普常识！上饶辅助，龙江填大坑视频攻略，细节揭秘（有挂秘籍）-哔哩哔哩；超受欢迎的龙江填大坑视频攻略...
让我来分享经验！牛总管辅助方法... 让我来分享经验！牛总管辅助方法，葫芦娃七子降妖破解版，玩家教你（有挂神器）-哔哩哔哩;1、完成葫芦娃...
重大通报！葫芦娃辅助修改器下载... 重大通报！葫芦娃辅助修改器下载，天天飞小鸡辅助，攻略教程!（果真有挂）-哔哩哔哩;是一款可以让一直输...
技巧知识分享！广西老友玩有破解... 技巧知识分享！广西老友玩有破解，老友广东辅助器，第三方教程（有挂解惑）-哔哩哔哩；超受欢迎的广西老友...
一分钟了解！蜀山四川破解版安卓... 【福星临门，好运相随】；一分钟了解！蜀山四川破解版安卓版，陕麻圈脚本辅助，解说技巧（有挂教程）-哔哩...
分享认知！鄱阳翻精辅助下载，微... 分享认知！鄱阳翻精辅助下载，微乐家乡app插件，wepoke教程（有挂秘诀）-哔哩哔哩；鄱阳翻精辅助...