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 发牌机制的原理软件加扣扣群确实是有挂的，很多玩家在这款游戏中打牌都会发现很...
玩家亲测“wepoker辅助开... 您好：wepoker辅助开挂的软件，软件加客服确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...
一分钟了解“wepoker德州... 您好：wepoker德州透视挂免费下载这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会...
推荐十款“wepoker可以透... >>>您好：，软件加微信【添加136704302】确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...
今日重大通报“微扑克辅助封号”... 今日重大通报“微扑克辅助封号”开挂辅助器（透视）软件教程是一款可以让一直输的玩家，快速成为一个“必胜...
今日百科“wpk辅助期免费版”... 今日百科“wpk辅助期免费版”开挂辅助脚本（透视）实用技巧是一款可以让一直输的玩家，快速成为一个“必...
重大通报“wepoker发牌规... 您好：wepoker发牌规律总结这款游戏是可以开挂的，软件加【添加微信客服136704302】确实是...
一分钟揭秘“wepoker赢牌... wepoker赢牌技巧是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以...
最新技巧“wepoker有没有... 无需打开直接搜索;操作使用教程:最新技巧“wepoker有没有挂透视挂”开挂辅助平台（透视）必赢教程...
揭秘关于“wepoker辅助挂... 您好：wepoker辅助挂开挂方法的软件，软件加客服确实是有挂的，很多玩家在这款游戏中打牌都会发现很...