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无法选择默认值

相关内容

热门资讯

黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk机器人(WPk)原来存在有挂(有挂详细)-哔哩哔哩；1、wpk最...
黑科技智能ai(wpk ai辅... 黑科技智能ai(wpk ai辅助)wpk ai是什么(WPk)原来是有挂(有挂功能)-哔哩哔哩wpk...
黑科技新版(wpk最新黑科技)... 黑科技新版(wpk最新黑科技)wpk德州ai机器人(WpK)切实存在有挂(有挂技术)-哔哩哔哩wpk...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk数据统计软件会不会被封号(WpK)一贯是真的有挂(果真有挂)-哔...
黑科技插件(wpk ai辅助)... 黑科技插件(wpk ai辅助)wpk德州ai机器人(wpK)好像存在有挂(详细教程)-哔哩哔哩1、用...
黑科技安卓版(wpk ai辅助... 黑科技安卓版(wpk ai辅助)wpkai辅助实战效果(WpK)竟然真的是有挂(有挂方法)-哔哩哔哩...
黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpkplus有辅助器吗(WpK)确实存在有挂(真实有挂)-哔哩哔哩w...
黑科技苹果版(wpk最新黑科技... 黑科技苹果版(wpk最新黑科技)wpk透视辅助有病毒吗(WpK)本来是有挂(有挂详情)-哔哩哔哩；1...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk辅助外挂(WpK)好像真的是有挂(竟然有挂)-哔哩哔哩1、让任何...
黑科技攻略(wpk ai辅助)... 黑科技攻略(wpk ai辅助)微扑克ai机器人(WpK)真是真的有挂(有挂技巧)-哔哩哔哩1、任何微...