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、下载安装好约局吧黑科技辅助器，进...
玩家必看分享！嘟咪互动修改器，... 玩家必看分享！嘟咪互动修改器，新超凡软件辅助，透视教程（有挂教程）1、下载安装好嘟咪互动修改器，进入...
教程辅助！好运南通长牌辅助，樱... 教程辅助！好运南通长牌辅助，樱花之盛辅助软件，介绍教程（有挂秘笈）；无需打开直接搜索加薇136704...
记者发布！聚财app辅助，宝宝... 记者发布！聚财app辅助，宝宝游戏辅助，必赢教程（有人有挂）1、下载安装好宝宝游戏辅助，进入游戏主界...
今日百科！汇城辅助，川南休闲辅... 今日百科！汇城辅助，川南休闲辅助，安装教程（有挂秘诀）1、下载安装好川南休闲辅助，进入游戏主界面，点...
今日焦点！中至吉安小程序辅助，... 今日焦点！中至吉安小程序辅助，禅游游戏辅助，2024教程（的确有挂）；无需打开直接搜索加薇13670...
重大推荐！微信微乐小程序辅助软... 重大推荐！微信微乐小程序辅助软件，樱花之盛辅助软件下载，AA德州教程（有挂解惑）；无需打开直接搜索加...
必备攻略！微信小程序自动透视微... 必备攻略！微信小程序自动透视微乐，玖游卡五星辅助，必赢教程（有挂攻略）；无需打开直接搜索加薇1367...
每日必看教程！桂林字牌黑科技，... 每日必看教程！桂林字牌黑科技，丰县14张脚本，新版2024教程（有挂细节）；无需打开直接搜索加薇13...
推荐十款！财神十三章辅助官网入... 您好：财神十三章辅助官网入口这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...