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

相关内容

热门资讯

推荐开挂！全游大厅拼十辅助，w... 推荐开挂！全游大厅拼十辅助，wepoker新号好一点吗（我来向大家传授开挂辅助安装）；无需打开直接搜...
正版开挂！新九哥辅助，九江讨赏... 正版开挂！新九哥辅助，九江讨赏辅助中至小程序（透视辅助开挂辅助安装）>>您好：软件加13670430...
发现开挂！新超圣正版辅助，aa... >>您好：aapoker安装包怎么使用确实是有挂的，很多玩家在这款aapoker安装包怎么使用游戏中...
通报开挂！随意玩透视辅助软件，... 通报开挂！随意玩透视辅助软件，道游互娱透视辅助截图（最新技巧开挂辅助脚本） >>您好：软件加薇136...
正品开挂！新道游戏辅助器安装包... 您好：这款新道游戏辅助器安装包游戏是可以开挂的，确实是有挂的，很多玩家在这款新道游戏辅助器安装包游戏...
盘点开挂！雀友会广东潮汕麻雀，... 您好：雀友会广东潮汕麻雀这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
正版辅助！极速猜一猜辅助，卡农... 正版辅助！极速猜一猜辅助，卡农辅助（重大发现开挂辅助脚本）极速猜一猜辅助ai黑科技系统规律教程开挂技...
盘点开挂！微信小程序财神十三脚... 您好：微信小程序财神十三脚本这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...
正版辅助！人海大厅辅助插件，老... 正版辅助！人海大厅辅助插件，老k麻将有挂吗（科技揭秘开挂辅助插件）；无需打开直接搜索微信（13670...
发现开挂！广东雀神辅助器，杭州... 发现开挂！广东雀神辅助器，杭州都莱app有辅助吗（交流学习经验开挂辅助脚本）；无需打开直接搜索微信（...