默認情況下，選擇標簽選擇一個值Angular Typescript

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);
  }

Answer 1

在您的app.component.ts ，只需使用您要默認selected的值來初始化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';