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

相关内容

热门资讯

黑科技脚本(线上wpk德州ai... 黑科技脚本(线上wpk德州ai)外挂透视辅助app(透视)AI教程(竟然真的有挂)1）线上wpk德州...
黑科技存在(微扑克ai)外挂透... 黑科技存在(微扑克ai)外挂透视辅助技巧(透视)德州教程(好像真的有挂)1、微扑克aiai辅助优化，...
黑科技工具(线上wpk德州ai... 黑科技工具(线上wpk德州ai)外挂透视辅助挂(透视)扑克教程(一直真的有挂)1、线上wpk德州ai...
黑科技科技(wpk德州扑克)外... 黑科技科技(wpk德州扑克)外挂透视辅助软件(透视)安装教程(都是真的是有挂)1、这是跨平台的wpk...
黑科技了解(wePoKe)黑科... 黑科技了解(wePoKe)黑科技透明挂辅助技巧(透视)微扑克教程(原来存在有挂)1、微扑克系统规律教...
黑科技软件(德州aapoker... 黑科技软件(德州aapoker)外挂透视辅助挂(透视)教你教程(原来真的是有挂)；1）德州aapok...
黑科技玄学(wepOKE)黑科... 黑科技玄学(wepOKE)黑科技透明挂辅助器(透视)解密教程(原来存在有挂)一、wepOKE软件透明...
黑科技实锤(wepoKe)黑科... 黑科技实锤(wepoKe)黑科技透明挂辅助器(透视)详细教程(本来真的有挂)小薇（透视辅助）致您一封...
黑科技安装(德州wepower... 黑科技安装(德州wepower)黑科技透明挂辅助助手(透视)wpk教程(竟然是真的有挂)1、用户打开...
黑科技攻略(wepOKE)黑科... 黑科技攻略(wepOKE)黑科技透明挂辅助下载(透视)wepoke教程(一贯有挂)1、任何wepOK...