Angularmat-select多选-在更改数组后显示最后选定的值
创始人
2024-10-28 06:31:29
0次
  1. 在组件的ts文件中定义一个变量selectedValues来存储已选中的值。

selectedValues: any[] = [];

  1. 在HTML文件中使用mat-select进行选择，并将已选中的值存储在selectedValues变量中。

{{value}}

onSelect(event: any) { this.selectedValues = event.value; }

  1. 在ts文件中监听数组的变化，如果有变化则更新selectedValues变量，并且在HTML中显示最后选定的值。

this.form.get('values')?.valueChanges.subscribe(values => { this.selectedValues = values; });

Selected values: {{value}}

上一篇：angularmat-select绑定ngModel时，下拉框在屏幕底部打开

下一篇：Angularmat-select无法选择默认值

相关内容

热门资讯

黑科技辅助！aapoker外挂... 您好：AAPoKer记牌器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...
黑科技辅助！wepoke一定有... 黑科技辅助！wepoke一定有挂，（WePoKe好友）原来真的有挂，切实教程（有挂解惑）-哔哩哔哩；...
黑科技辅助！wepower辅助... 黑科技辅助！wepower辅助器，（WePoKe美元局）原来真的有挂，AA德州教程（有挂详细）-哔哩...
黑科技辅助！wepower辅助... 黑科技辅助！wepower辅助器，（WePoKe方法）原来真的有挂，高科技教程（存在有挂）-哔哩哔哩...
黑科技辅助！悟空黑桃a辅助，（... 黑科技辅助！悟空黑桃a辅助，（悟空黑桃a辅助软件）原来真的有挂，详细教程（详细教程）-哔哩哔哩；黑科...
黑科技辅助！wepokeai代... 黑科技辅助！wepokeai代打逻辑，（WePoKe诀窍）原来真的有挂，详细教程（有挂教程）-哔哩哔...
黑科技辅助！aapoker辅助... 黑科技辅助！aapoker辅助，（AAPoKer黑科技）原来真的有挂，解密教程（竟然）-哔哩哔哩;是...
黑科技辅助！wepoke计算辅... 黑科技辅助！wepoke计算辅助，（WePoKeai机器人）原来真的有挂，技巧教程（证实有挂）-哔哩...
黑科技辅助！德扑ai智能工具，... 黑科技辅助！德扑ai智能工具，（德扑ai俱乐部）原来真的有挂，2025新版总结（助手）-哔哩哔哩，德...
黑科技辅助！悟空黑桃a免费赛，... 黑科技辅助！悟空黑桃a免费赛，（悟空德州app）原来真的有挂，实用技巧（神器）-哔哩哔哩；悟空黑桃a...