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

相关内容

热门资讯

透视科技!hhpoker作弊实... 透视科技!hhpoker作弊实战视频(透视)一直真的是有挂(详细辅助切实教程)准备好在hhpoker...
透视ai代打(WEpoke)德... 透视ai代打(WEpoke)德州辅助(透视)详细辅助安装教程；建议优先通过德州辅助透明挂内置帮助文档...
透视安装！wepoker辅助工... 透视安装！wepoker辅助工具（透视）详细辅助黑科技教程（本来真的是有挂）在进入wepoker辅助...
透视科技!wejoker内置辅... 透视科技!wejoker内置辅助(透视)素来是真的有挂(详细辅助靠谱教程)；致您一封信；亲爱wejo...
透视安卓版(wepOkE)微扑... 透视安卓版(wepOkE)微扑克规律(透视)详细辅助安装教程是一款可以让一直输的玩家，快速成为一个“...
透视透视挂！wpk透视辅助方法... 透视透视挂！wpk透视辅助方法（透视）详细辅助AI教程（果然真的有挂）1、全新机制【wpk透视辅助方...
透视透视!pokermaste... 此外，数据分析德州(pokermaster修改器)辅助神器app还具备辅助透视行为开挂功能，通过对客...
透视辅助(wepOke)wpk... 透视辅助(wepOke)wpk微扑克免费辅助(透视)详细辅助2025新版技巧；人气非常高，ai更新快...
透视智能ai！aapoker可... 透视智能ai！aapoker可以开挂吗（透视）详细辅助黑科技教程（原来是有挂）1、aapoker可以...
透视能赢!德州私人局怎么透视(... 透视能赢!德州私人局怎么透视(透视)先前真的是有挂(详细辅助攻略方法)准备好在德州私人局怎么透视ia...