如何向 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 [formControlName]="field.name" [multiple]="field?.multiple">

Answer 2

mat-select 有一个 multiple 布尔值 @Input，所以你应该这样使用它：

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

How to add attribute to DOM element?