在angular 9的下拉列表中选择多个值

npm install @angular/material @angular/cdk @angular/animations

import { MatSelectModule } from '@angular/material/select';

@NgModule({
  imports: [
    // 其他模块
    MatSelectModule
  ],
  // 其他配置
})
export class AppModule { }

<mat-form-field>
  <mat-label>选择多个值</mat-label>
  <mat-select [(value)]="selectedValues" multiple>
    <mat-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</mat-option>
  </mat-select>
</mat-form-field>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  options = [
    { value: 'option1', label: '选项1' },
    { value: 'option2', label: '选项2' },
    { value: 'option3', label: '选项3' }
  ];
  selectedValues: string[] = [];
}