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线上大神，wpk辅助购买，揭秘攻略（有挂辅助）1、不需要AI权限，帮助你快速...
今日头条！德州局hhpoker... 您好，德州局hhpoker这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
教程辅助！pokermaste... 1、教程辅助！pokermaster辅助器，德州透视是真的吗，2025新版技巧（有挂教程）。2、德州...
重大通报！wepoker怎么挂... 重大通报！wepoker怎么挂飞机，wepoker有没有机器人，2025新版技巧（有挂透明）1、玩家...
总算了解！htx矩阵wepok... 1、总算了解！htx矩阵wepoker辅助，epoker透视底牌，必胜教程（有挂辅助）；详细教程。2...
发现玩家！hhpoker有没有... 发现玩家！hhpoker有没有作弊挂，agpoker辅助，大神讲解（有挂神器）；支持2-10人实时对...
发现玩家！扑克之星辅助，pok... 发现玩家！扑克之星辅助，pokemmo手机脚本，AI教程（有挂辅助）；建议优先通过pokemmo手机...
重大来袭！德州局脚本，wpk辅... 重大来袭！德州局脚本，wpk辅助，辅助教程（有挂技巧）；1.德州局脚本 ai辅助创建新账号，点击进入...
玩家必备攻略！hhpoker怎... 玩家必备攻略！hhpoker怎么开透视，pokerworld破解版下载，新版2025教程（有挂技巧）...
实测发现！xpoker怎么作弊... 实测发现！xpoker怎么作弊，wepoker数据分析工具，详细教程（有挂方法）；原来确实真的有挂（...