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

相关内容

热门资讯

透视操作！hhpoker辅助挂... 透视操作！hhpoker辅助挂是真的吗，hhpoker德州真的假的（透视）切实有挂（哔哩哔哩）亲，关...
透视绝活！德州局怎么透视，wp... 透视绝活！德州局怎么透视，wpk有那种辅助吗（透视）真是真的有挂（哔哩哔哩）1、首先打开wpk有那种...
透视指南！wepoker好友局... 透视指南！wepoker好友局透视，购买wepoker模拟器（透视）一直真的有挂（哔哩哔哩）1、在w...
透视总结！wepoker私局代... 您好，aapoker透视怎么用这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302...
透视方针！德普之星透视辅助软件... 透视方针！德普之星透视辅助软件是真的吗，德扑之心免费透视（透视）好像有脚本技巧（哔哩哔哩）1、完成德...
透视方针！aapoker如何设... 透视方针！aapoker如何设置胜率，aapoker辅助工具安全吗（透视）其实真的是有脚本脚本（哔哩...
透视法门！hhpoker辅助器... 透视法门！hhpoker辅助器视频，德普之星辅助器怎么用（透视）好像是有挂（哔哩哔哩）1、玩家可以在...
透视法子！aapoker辅助工... 透视法子！aapoker辅助工具安全吗，aapoker插件（透视）一贯真的是有透视挂（哔哩哔哩）1、...
透视阶段！wpk透视工作室，大... 透视阶段！wpk透视工作室，大菠萝辅助器（透视）确实是真的挂（哔哩哔哩）1、许多玩家不知道wpk透视...
透视学习！hhpoker是真的... 透视学习！hhpoker是真的假的，fishpoker透视（透视）一贯真的是有挂（哔哩哔哩）1、这是...