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透视有吗，微信小程序微乐家乡辅助器，妙招教程（详细教程）-哔哩哔哩1、该软件...
专业透视！wepoker买钻石... 专业透视！wepoker买钻石有用吗，微乐透视辅助功能插件下载，举措教程（有挂规律）-哔哩哔哩wep...
详情透视！约局吧德州真的存在透... 详情透视！约局吧德州真的存在透视吗，微乐锄大地脚本，绝活教程（存在有挂）-哔哩哔哩所有人都在同一条线...
揭幕透视！werplan外挂，... 揭幕透视！werplan外挂，微信微乐陕西小程序破解器，秘籍教程（有挂方略）-哔哩哔哩1、werpl...
关于透视！we poker辅助... 关于透视！we poker辅助器v3.3，微乐小程序多乐辅助器，妙计教程（有挂方针）-哔哩哔哩1、关...
专业透视！aapoker怎么拿... 专业透视！aapoker怎么拿好牌，微乐房间辅助工具在哪下载，方案教程（竟然有挂）-哔哩哔哩在进入a...
详情透视！菠萝德州透视脚本，微... 详情透视！菠萝德州透视脚本，微乐小程序自建房插件免费，烘培教程（有挂方法）-哔哩哔哩1、菠萝德州透视...
开挂透视！pokemmo脚本辅... 开挂透视！pokemmo脚本辅助器下载，微乐江西小程序辅助器，烘培教程（详细教程）-哔哩哔哩所有人都...
解迷透视！wepoker怎么下... 您好，wepoker怎么下载游戏这款游戏可以开挂的，确实是有挂的，需要了解加去威信【13670430...
曝光透视！如何判断wpk辅助软... 曝光透视！如何判断wpk辅助软件的真假，微信小程序微乐破解填大坑，学习教程（有挂分享）-哔哩哔哩运如...