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

相关内容

热门资讯

玩家攻略推荐"老夫子... 玩家攻略推荐"老夫子拼十辅助"开挂(透视)wpk模拟器(有挂教学)；超受欢迎的稳赢小游戏，经典的ai...
实测分享"拱趴大菠萝... 实测分享"拱趴大菠萝辅助神器"开挂(透视)wepoker永久免费脚本(今日头条)；超受欢迎的拱趴大菠...
今日重大通报"aap... 今日重大通报"aapoker万能辅助器"开挂(透视)wepoker免费辅助器(存在有挂)；小薇（透视...
透视有挂"德州局HH... 透视有挂"德州局HHpoker透视脚本"开挂(透视)htx矩阵wepoker辅助(有挂实锤);是一款...
透视了解"乐游coc... 透视了解"乐游coc辅助"开挂(透视)hhpoker智能辅助插件(有挂总结);是一种具有地方特色的麻...
玩家必看科普"雀神麻... 玩家必看科普"雀神麻将小程序辅助软件"开挂(透视)pokemmo辅助器(有挂教程);雀神麻将小程序辅...
透视新版"浙江游戏大... 透视新版"浙江游戏大厅修改器"开挂(透视)wepoker安装教程(果真有挂);一、有挂的是的，亲，有...
分享一款"奇迹手游辅... 分享一款"奇迹手游辅助脚本平台免费"开挂(透视)佛手在线大菠萝辅助(有挂分析);奇迹手游辅助脚本平台...
新手必备"随意玩工具... 新手必备"随意玩工具箱辅助器"开挂(透视)aapoker万能辅助器(讲解有挂)；随意玩工具箱辅助器免...
透视好友"微信小程序... 【福星临门，好运相随】；透视好友"微信小程序微乐修改器"开挂(透视)wepoker免费脚本咨询(有挂...