Angular -获取所有选定的下拉值，并使用ElementRef指定自定义css类

Angular是一种流行的前端开发框架，用于构建单页应用程序。它使用TypeScript编写，并提供了丰富的功能和工具，使开发人员能够快速构建高性能的Web应用程序。

对于获取所有选定的下拉值并使用ElementRef指定自定义CSS类，可以通过以下步骤实现：

在组件的HTML模板中，使用Angular的双向数据绑定将下拉框的值绑定到组件的属性。例如，可以使用ngModel指令将下拉框的值绑定到一个名为selectedValues的属性：

<select [(ngModel)]="selectedValues" multiple>
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

在组件的类中，使用ElementRef来获取对下拉框元素的引用。在组件的构造函数中注入ElementRef，并使用nativeElement属性访问原生的下拉框元素：

import { Component, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  selectedValues: string[];
  
  constructor(private elementRef: ElementRef) { }
  
  getSelectedValues() {
    const selectElement = this.elementRef.nativeElement.querySelector('select');
    const selectedOptions = Array.from(selectElement.selectedOptions);
    const selectedValues = selectedOptions.map(option => option.value);
    return selectedValues;
  }
}