Как добавить атрибут в элемент DOM?

Question

Мне нужно добавить атрибут multiple к элементу:

 <mat-select [formControlName]="field.name" multiple>

Но добавить это по условию:

Я пробовал:

  <mat-select
    [formControlName]="field.name" multiple
    [attr.multiple]="field?.multiple ? 'multiple' : ''"
  >

Это даетЯ multiple="multiple"

Но мне нужно:

 <mat-select [formControlName]="field.name" multiple>

Answer 1

mat-select имеет multiple логический @Input, поэтому вы должны использовать его следующим образом:

<mat-select
  [formControlName]="field.name" multiple
  [multiple]="!!field?.multiple"
>

Answer 2

Попробуйте так:

Рабочая демоверсия

<mat-select [formControlName]="field.name" [multiple]="field?.multiple">