angular5中带有文本框的下拉菜单

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

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

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

<mat-form-field>
  <mat-select placeholder="选择选项">
    <mat-option *ngFor="let option of options" [value]="option.value">
      {{ option.label }}
    </mat-option>
  </mat-select>
</mat-form-field>

options = [
  { value: 'option1', label: '选项1' },
  { value: 'option2', label: '选项2' },
  { value: 'option3', label: '选项3' }
];