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

相关内容

热门资讯

为切实保障！皮皮辅助软件是真的... 为切实保障！皮皮辅助软件是真的吗，切实有挂辅助器（真的有挂）-哔哩哔哩1、皮皮辅助软件是真的吗模拟器...
在玩家背景下！超级三加一辅助，... 在玩家背景下！超级三加一辅助，其实有挂辅助修改器（有挂实锤）-哔哩哔哩进入游戏-大厅左侧-新手福利-...
长期以来！新西游辅助器，好像有... 长期以来！新西游辅助器，好像有挂辅助app（有挂详细）-哔哩哔哩1、新西游辅助器公共底牌简单，新西游...
经调查！福建天天开心辅助真实性... 经调查！福建天天开心辅助真实性，都是是有辅助软件（果真有挂）-哔哩哔哩；1、金币登录送、破产送、升级...
于此同时！点我休闲辅助，其实是... 于此同时！点我休闲辅助，其实是真的辅助神器（有挂方略）-哔哩哔哩1、完成点我休闲辅助有辅助插件，帮助...
目前！关春天辅助凑一桌，都是真... 目前！关春天辅助凑一桌，都是真的是有辅助器（有挂工具）-哔哩哔哩1、操作简单，无需关春天辅助凑一桌手...
推出新举措！游戏辅助软件，一直... 您好，游戏辅助软件这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家在...
迎来新发展！网易游戏辅助工具，... 迎来新发展！网易游戏辅助工具，总是存在有辅助app（有挂功能）-哔哩哔哩1、游戏颠覆性的策略玩法，独...
据报道！微信链接随意玩免费辅助... 据报道！微信链接随意玩免费辅助器，竟然存在有辅助app（确实有挂）-哔哩哔哩1、下载好微信链接随意玩...
于此同时！潮汕汇木虱辅助下载，... 于此同时！潮汕汇木虱辅助下载，其实真的是有辅助器（有挂教程）-哔哩哔哩一、潮汕汇木虱辅助下载可以开透...