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

相关内容

热门资讯

实操分享！蜀山四川小程序作弊视... 实操分享！蜀山四川小程序作弊视频，友友联盟辅助软件下载，盘点开挂辅助教程（有挂猫腻）；无需打开直接搜...
重大推荐！免费天天贵阳辅助工具... 您好：免费天天贵阳辅助工具这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...
一分钟了解！游戏茶苑辅助器，新... 一分钟了解！游戏茶苑辅助器，新518互游脚本下载，关于开挂辅助教程（有挂工具）；无需打开直接搜索加（...
必备科技！微信小程序免费黑科技... 必备科技！微信小程序免费黑科技，衢州都莱辅助软件，推荐开挂辅助教程（有人有挂）；无需打开直接搜索加薇...
科技揭秘！游戏辅助器免费版，创... 科技揭秘！游戏辅助器免费版，创思维激k辅助下载，详细开挂辅助教程（了解有挂）；无需打开直接搜索加薇1...
玩家必看教程！熊猫四川辅助，天... 玩家必看教程！熊猫四川辅助，天天爱柳州有没有辅助器，了解开挂辅助教程（发现有挂）；无需打开直接搜索加...
实测交流！丰城双剑必胜辅助，中... 实测交流！丰城双剑必胜辅助，中至赣牌圈插件，盘点开挂辅助教程（讲解有挂）；无需打开直接搜索加薇136...
一起来探讨！微信小程序微乐游戏... 您好：创思维激k看底牌辅助软件这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...
重大通报！传送屋透视，拱趴大菠... 重大通报！传送屋透视，拱趴大菠萝辅助，传授开挂辅助教程（存在有挂）1、下载安装好拱趴大菠萝辅助，进入...
科普分享！江湖悠悠手游多开辅助... 科普分享！江湖悠悠手游多开辅助，开心庄园辅助，关于开挂辅助教程（有挂详情）；无需打开直接搜索加（薇:...