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

相关内容

热门资讯

热点推荐!pokerist有挂... 热点推荐!pokerist有挂(辅助挂)软件透明挂(有挂介绍)-哔哩哔哩；pokerist有挂黑科技...
玩家必用(Wepoke输赢)外... 玩家必用(Wepoke输赢)外挂透明挂辅助器安装(透视)原来真的有挂(透明挂教程)(哔哩哔哩)；We...
技巧知识分享!德扑ai代打会检... 德扑ai代打会检测到赢率提升策略‌；技巧知识分享!德扑ai代打会检测到(辅助挂)透视辅助(有挂总结)...
透视辅助(wpk安装)外挂透明... 透视辅助(wpk安装)外挂透明挂辅助挂(辅助挂)确实真的有挂(2024新版总结)(哔哩哔哩)；玩家在...
一分钟揭秘(wpk安卓)外挂透... 一分钟揭秘(wpk安卓)外挂透明挂辅助机制(辅助挂)德州ai机器人(有挂技巧)-哔哩哔哩；揭秘教程安...
一秒答解!德州ai人工智能软件... 一秒答解!德州ai人工智能软件免费(透视)辅助透视(有挂教学)-哔哩哔哩；亲们利用一分钟了解精致的软...
揭秘关于(fish poker... 【福星临门，好运相随】；揭秘关于(fish poker外挂)外挂透明挂辅助软件(透视)软件透明挂(2...
玩家必看(Wepoke总结)外... WePoke高级策略深度解析‌；玩家必看(Wepoke总结)外挂透明挂辅助挂(透视)的确是真的有挂(...
玩家必看(微扑克线上)外挂透明... 【福星临门，好运相随】；玩家必看(微扑克线上)外挂透明挂辅助器安装(透视)德州ai机器人(确实有挂)...
玩家必备科普!epoker外挂... 玩家必备科普!epoker外挂(辅助挂)透视辅助(有挂详情)-哔哩哔哩；人气非常高，ai更新快且高清...