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

相关内容

热门资讯

总结透视！智星菠萝可以辅助吗，... 总结透视！智星菠萝可以辅助吗，佛手大菠萝辅助（透视）原来是真的有辅助app（哔哩哔哩）1、任何智星菠...
日前！大菠萝手游辅助，边锋游戏... 日前！大菠萝手游辅助，边锋游戏小程序辅助器免费，真是存在有辅助工具（哔哩哔哩）1、边锋游戏小程序辅助...
有挂透视！werplan透视挂... 有挂透视！werplan透视挂，拱趴大菠萝挂哪里（透视）好像真的有辅助方法（哔哩哔哩）1、全新机制【...
今天上午！wepoker怎么设... 今天上午！wepoker怎么设置透视，微乐游戏小程序辅助器免费苹果版，其实真的是有辅助教程（哔哩哔哩...
总结透视！werplan透视挂... 总结透视！werplan透视挂，约局吧怎么看有没有挂（透视）总是一直总是有辅助攻略（哔哩哔哩）约局吧...
连日来！wepoker透视脚本... 连日来！wepoker透视脚本网页，开心十三张有没有挂，确实有辅助app（哔哩哔哩）运开心十三张有没...
关于透视！pokemmo手机版... 关于透视！pokemmo手机版透视脚本，福建大菠萝万能辅助器（透视）切实是真的有辅助神器（哔哩哔哩）...
相较于以往！wepoker买脚... 相较于以往！wepoker买脚本靠谱吗，重要科技阿拉斗牌辅助，切实存在有辅助脚本（哔哩哔哩）1.重要...
必备透视！拱趴大菠萝万能挂，红... 必备透视！拱趴大菠萝万能挂，红龙poker作必弊指令（透视）切实是真的有辅助app（哔哩哔哩）；1、...
迎来新发展！wpk官网下载链接... 迎来新发展！wpk官网下载链接，椰岛常胜游戏辅助器，都是存在有辅助工具（哔哩哔哩）该软件可以轻松地帮...