Ich versuche, einer Option einen Standardwert hinzuzufügen. Es wird wie eine Art Platzhalter sein und ich benutzediese Method es zu tun. In reinem HTML funktioniert es, aber wenn ich versuche, @ zu verwend*ngFor des Attributs "Winkel 2" wählt nichts aus.

Hier ist mein Code, den ich in reinem HTML verwende:

  <select name="select-html" id="select-html">
    <option value="0" selected disabled>Select Language</option>
    <option value="1">HTML</option>
    <option value="2">PHP</option>
    <option value="3">Javascript</option>
  </select>

Und mit Angular-Vorlage:

 <select name="select" id="select" [(ngModel)]="selectLanguage">
    <option *ngFor="let item of selectOption" 
      [selected]="item.value==0" 
      [disabled]="item.value==0">{{item.label}}</option>
  </select>

Die Klasse ist

import {Component} from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'app-form-select',
  templateUrl: 'default.component.html'
})
export class DefaultComponent {
  private selectOption: any;
  constructor() {
    this.selectOption = [
      {
        id: 1,
        label: "Select Language",
        value: 0
      }, {
        id: 2,
        label: "HTML 5",
        value: 1
      }, {
        id: 3,
        label: "PHP",
        value: 2
      }, {
        id: 4,
        label: "Javascript",
        value: 3
      }
    ]
  }
}

Ich möchteSelect Language als Standardwert auswählen. Es ist deaktiviert, aber nicht ausgewählt.

Wie kann ich es als Standardwert auswählen?

Live example