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

相关内容

热门资讯

查到实测辅助!破解辅助插件we... 您好，查到实测辅助!破解辅助插件wepoker,德普之星软件下载教程（起初是有辅助）这款游戏可以开挂...
一分钟了解!德普辅助app,w... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
总算清楚!htx矩阵wepok... 您好，总算清楚!htx矩阵wepoker辅助,微扑克能不能开挂助手（本然存在有透视挂）这款游戏可以开...
大家学习交流!wepoker开... 您好，大家学习交流!wepoker开脚本视频,德普之星怎么开挂助手（一贯真的是有辅助挂）这款游戏可以...
今日重大通报!wepoker模... 您好：wepoker模拟器哪个这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...
每日必看教程!wepoker有... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
推荐一款!wpk是真的还是假的... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
一分钟揭秘!!wepoker怎... 一分钟揭秘!!wepoker怎么看牌型,WPK可以开挂吗安装（一贯是有开挂）AI 是一款可以让一直输...
玩家必备教程!wepoker插... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
玩家必看教程!!wejoker... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...