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

相关内容

热门资讯

素来有辅助"广东雀神... 广东雀神智能插件安卓包是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以...
往昔有辅助"雀神广东... 往昔有辅助"雀神广东智能插件价格"开挂(透视)辅助软件(黑科技教程有挂辅助)；无需打开直接搜索加（薇...
最初有开挂"决战十水... 最初有开挂"决战十水三辅助"开挂(透视)辅助脚本(线上教程有挂方式)；无需打开直接搜索加（薇:136...
素来有开挂"aapo... 素来有开挂"aapoker辅助怎么用"开挂(透视)辅助平台(曝光教程有挂秘笈)您好：aapoker辅...
原先有开挂"拱趴大菠... 拱趴大菠萝如何会赢是一款专注玩家量身打造的游戏记牌类型软件，在拱趴大菠萝如何会赢这款游戏中我们可以记...
起初有辅助"微信小程... 起初有辅助"微信小程序怎么挂脚本"开挂(透视)辅助插件(爆料教程有挂教程)这是一款可以让一直输的玩家...
最初有开挂"长春科乐... 最初有开挂"长春科乐天天踢辅助"开挂(透视)辅助下载(揭秘教程有挂攻略)；无需打开直接搜索微信（13...
从来有辅助"神殿娱乐... 从来有辅助"神殿娱乐控制系统"开挂(透视)辅助软件(解密教程有挂分析)；无需打开直接搜索加（薇:13...
原本有开挂"广西友玩... 广西友玩修改器是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信...
从前有开挂"四川途游... 从前有开挂"四川途游辅助软件瞎子啊"开挂(透视)辅助工具(插件教程真的有挂)；亲，四川途游辅助软件瞎...