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

相关内容

热门资讯

一分钟揭秘"福建兄弟... 一分钟揭秘"福建兄弟13水破解版"开挂(透视)aapoker怎么拿好牌(发现有挂)；超受欢迎的福建兄...
发现一款"爱游辅助a... 发现一款"爱游辅助app"开挂(透视)wepoker游戏的安装教程(讲解有挂);爱游辅助app是一种...
透视软件"新西部挂透... 透视软件"新西部挂透视辅助"开挂(透视)xpoker辅助神器(有挂攻略);1、很好的工具软件，可以解...
实测分享"全民大菠萝... 实测分享"全民大菠萝黑金版辅助器"开挂(透视)aapoker免费透视脚本(有挂神器);1、超多福利：...
玩家必备攻略"开心酷... 玩家必备攻略"开心酷跑破解版"开挂(透视)wepoker透视脚本免费下载(有挂细节)；开心酷跑破解版...
分享个大家"欢聚水鱼... 分享个大家"欢聚水鱼透视器"开挂(透视)黑侠破解wepoker(有挂技术)；最新软件透视开挂直接下载...
透视透视"微信小程序... 透视透视"微信小程序哥哥打大a辅助"开挂(透视)we poker插件(有挂教程)；亲真的是有正版授权...
玩家必看教程"wpk... 玩家必看教程"wpk德州局怎么透视"开挂(透视)wpk刷入池率脚本(有挂总结)；简单的透视挂控制，仅...
科技揭秘"桂林字牌黑... 科技揭秘"桂林字牌黑科技"开挂(透视)aapoker辅助怎么用(有挂技巧);是一种具有地方特色的麻将...
揭秘真相"友乐广西南... 揭秘真相"友乐广西南宁透视"开挂(透视)wpk德州局透视(果真有挂)；致您一封信；亲爱玩家：《透视挂...