Как назначить свойство id для mat-select?

Question

Можно ли добавить id свойство к mat-select?

Я пытался:

<mat-select id="mat-select-{{example.id}}">
    <mat-option *ngFor="let u of users" [value]="u.id">
        {{u.name}}
    </mat-option>
</mat-select>

, но я не могу получить элемент, используя document.getElementById('mat-select-10'), он возвращает ноль .

Answer 1

Не уверен, ясно ли я понял ваше требование, но думаю, вы хотите, чтобы уникальный идентификатор был связан со значениями раскрывающегося списка, поступающими в компонент выбора матов. Если это правильно, то это стек, который вы можете использовать

Пример выбора мата с динамическими c идентификаторами

Чтобы дать вам обзор, в параметре mat вам нужно установить свойство id следующим образом:

<mat-select>
    <mat-option *ngFor="let food of foods" [value]="food.value" [id]="food.value">
       {{food.viewValue}}
   </mat-option>
</mat-select>

Если вы осмотрите элемент, вы найдете динамику c, связанную с элементом DOM. Надеюсь, это поможет.