如何在角度材质选择表单组件中添加搜索功能？

Question

我有mat-select从角形材料下拉。 它有来自API的状态列表。它在Drop-down中有10多个选项。

所有：

• 我想在mat-select中使用搜索选项。我使用了stackblitz的mat-select search，但这真的很难理解。

请建议我简单的方法。

我的json代码

"{
  "data": [
    {
      "id": 32,
      "name": "Andaman And Nicobar Islands"
    },
    {
      "id": 16,
      "name": "Odisha"
    },
    {
      "id": 34,
      "name": "Puducherry"
    },
    {
      "id": 19,
      "name": "Uttar Pradesh"
    },
    {
      "id": 5,
      "name": "Uttarakhand"
    },
    {
      "id": 6,
      "name": "Andhra Pradesh"
    }
  ],
  "statusCode": 200
}"

Answer 1

<mat-select-search [formControl]="formControlName"></mat-select-search>

在mat-select中添加此标记，然后按照StackBlitz的app.component.ts中的步骤操作