How i can add Search Functionality in angular material select form component?

Question

I have mat-select Drop-down from angular material.
It has list of state which is coming from API. It has more than 10 options in Drop-down.

Todo :

I want Search option in mat-select.I used mat-select search from stackblitz but it's really difficult to understand.

Please suggest me simple way to do it.

My json code

"{
  "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
}"

Seba Cherian · Accepted Answer · 2019-03-25 07:16:39Z

6

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

Add this tag inside mat-select and follow the steps in app.component.ts of StackBlitz

answered Mar 25, 2019 at 7:16

Seba Cherian

1,7938 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How i can add Search Functionality in angular material select form component?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related