angular - 默认情况下选择标签一个值选择角度打字稿

Question

我希望默认选择一个值。

这是 stackblitz 链接：https ://stackblitz.com/edit/angular-lwculd

HTML 部分：

<select [(ngModel)]="selected" (ngModelChange)="onSelect(selected)" class="form-control">

        <option selected="Select" *ngFor="let status of statuses" [value]="status">
          {{ status }}
        </option>
      </select>

TS部分：

 statuses = ['Select', 'Enable', 'Temporary Disable', 'Permanent Disable', 'Lock User', 'Auto Disable'];

  onSelect(val) {
    console.log(val);
  }

标签： angulartypescript

Answer 1

在您的中，只需使用您希望默认选择的值进行app.component.ts初始化：selected

  statuses = ['Select', 'Enable', 'Temporary Disable', 'Permanent Disable', 'Lock User', 'Auto Disable'];
  selected = this.statuses[0]; // <-- add this line
  // You could also write : selected = 'Select';