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辅助器软件下载（分享认知开挂辅助安装）您好：...
有挂详细辅助！小程序能不能开挂... >>您好：小程序能不能开挂确实是有挂的，很多玩家在这款小程序能不能开挂游戏中打牌都会发现很多用户的牌...
有挂规律开挂！乐乐游戏辅助器，... 有挂规律开挂！乐乐游戏辅助器，丰县14张脚本（透视了解开挂辅助平台）；无需打开直接搜索加（薇:136...
竟然有挂开挂！天天爱柳州麻将辅... 竟然有挂开挂！天天爱柳州麻将辅助器，奇迹陕西辅助（六分钟了解开挂辅助安装） 【无需打开直接搜索加薇1...
有挂规律开挂！闲逸辅助器，微友... 有挂规律开挂！闲逸辅助器，微友辅助器免费版（新手必备开挂辅助软件） >>您好：软件加薇1367043...
确实有挂辅助！丰城双剑辅助，新... 确实有挂辅助！丰城双剑辅助，新九哥开挂（每日必备开挂辅助下载） >>您好：软件加薇136704302...
有挂工具开挂！杭州都莱大菠萝辅... 有挂工具开挂！杭州都莱大菠萝辅助器，微友助手破解版（透视私人局开挂辅助平台） 了解更多开挂安装加（1...
真的有挂开挂！海贝之城正版辅助... 真的有挂开挂！海贝之城正版辅助，哥哥打大a有辅助吗（2分钟细说开挂辅助平台）哥哥打大a有辅助吗ai黑...
有挂方针开挂！潘潘讲故事辅助器... 有挂方针开挂！潘潘讲故事辅助器，人海大厅辅助插件（玩家必备教程开挂辅助插件）;是一款可以让一直输的玩...
有挂教程辅助！威信茶馆修改器，... 有挂教程辅助！威信茶馆修改器，wpk辅助最怕三个东西（六分钟了解开挂辅助神器）威信茶馆修改器ai黑科...