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线上发牌的规律这款游戏是可以开挂的，软件加【添加微信客服136704302】确实...
重大通报“wepoker如何拿... wepoker如何拿到好牌是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户...
普及知识“微扑克发牌机制”开挂... >>您好：微扑克发牌机制软件加扣扣群确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好...
专业讨论“微扑克数据软件”开挂... 无需打开直接搜索;操作使用教程:专业讨论“微扑克数据软件”开挂辅助脚本（透视）教你教程1、界面简单，...
重磅来袭“wepoker技巧攻... 重磅来袭“wepoker技巧攻略”开挂辅助插件（透视）德州教程是一款可以让一直输的玩家，快速成为一个...
三分钟了解“wepoker的开... 无需打开直接搜索加微信客服（136704302）咨询了解wepoker的开挂方法辅助器目前（微信:1...
专业讨论“微扑克机器人多吗”开... 无需打开直接搜索加微信客服（136704302）咨询了解微扑克机器人多吗辅助器目前（微信:13670...
推荐一款“wepoker有挂吗... 无需打开直接搜索加微信客服（136704302）咨询了解wepoker有挂吗辅助器目前（微信:136...
今日重大通报“微扑克辅助器手机... 今日重大通报“微扑克辅助器手机版”开挂辅助平台（透视）攻略教程是一款可以让一直输的玩家，快速成为一个...
推荐几款新版“wpk透视插件怎... 您好：wpk透视插件怎么用这款游戏是可以开挂的，软件加【添加微信客服136704302】确实是有挂的...