如何在angular 8中显示表td中的多选下拉值

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

import { MatSelectModule, MatChipsModule } from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [MatSelectModule, MatChipsModule, BrowserAnimationsModule],
  ...
})
export class AppModule { }

<mat-form-field>
  <mat-select placeholder="选择项目" [(ngModel)]="selectedValues" multiple>
    <mat-option *ngFor="let item of options" [value]="item">{{item}}</mat-option>
  </mat-select>
</mat-form-field>

<mat-chip-list>
  <mat-chip *ngFor="let value of selectedValues" removable (removed)="removeValue(value)">
    {{value}}
    <mat-icon matChipRemove>cancel</mat-icon>
  </mat-chip>
</mat-chip-list>

export class YourComponent {
  options = ['选项1', '选项2', '选项3', '选项4'];
  selectedValues: string[] = [];

  removeValue(value: string) {
    const index = this.selectedValues.indexOf(value);
    if (index >= 0) {
      this.selectedValues.splice(index, 1);
    }
  }
}