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

相关内容

热门资讯

专业透视！wepoker黑侠破... 专业透视！wepoker黑侠破解，微信微乐辅助透视，积累教程（有挂工具）-哔哩哔哩专业透视！wepo...
辅助透视！约局吧怎么看有没有挂... 辅助透视！约局吧怎么看有没有挂，微乐自建房辅助免费入口，学习教程（揭秘有挂）-哔哩哔哩运约局吧怎么看...
教你透视！如何下载wepoke... 教你透视！如何下载wepoker安装包，陕西微乐小程序修改器，方案教程（详细教程）-哔哩哔哩亲，关键...
有挂透视！wepoker辅助插... 有挂透视！wepoker辅助插件功能，微乐家乡小程序辅助，法子教程（有挂头条）-哔哩哔哩1、每一步都...
辅助透视！aapoker插件下... 辅助透视！aapoker插件下载，微乐自建房辅助工具在哪，资料教程（了解有挂）-哔哩哔哩1、进入到a...
了解透视！wepoker买脚本... 了解透视！wepoker买脚本靠谱吗，微信小程序微乐辅助器，秘籍教程（有人有挂）-哔哩哔哩1、首先打...
辅助透视！wepoker破解器... 辅助透视！wepoker破解器有用吗，微乐家乡脚本助手，绝活教程（真实有挂）-哔哩哔哩1、用户打开应...
必备透视！impoker辅助，... 必备透视！impoker辅助，微乐兰州麻将小程序辅助，积累教程（有挂教学）-哔哩哔哩1、起透看视 i...
揭幕透视！wepoker私人局... 揭幕透视！wepoker私人局辅助挂，微乐手游脚本辅助，操作教程（有挂教学）-哔哩哔哩1、游戏颠覆性...
解迷透视！智星德州可以透视吗，... 解迷透视！智星德州可以透视吗，微乐建房辅助工具免费入口，手册教程（有挂猫腻）-哔哩哔哩1、实时智星德...