Я пытаюсь добавить значение по умолчанию для опции. Это будет как своего рода заполнитель, и я используюЭтот метод сделать это. В чистом HTML это работает, но если я пытаюсь использовать*ngFor атрибута angular 2, он ничего не выбирает.

Вот мой код, который я использую в чистом HTML:

  <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>

И используя угловой шаблон:

 <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>

Класс

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
      }
    ]
  }
}

я хочуSelect Languageбыть выбранным в качестве значения по умолчанию. Он отключен, но не выбран.

Как я могу выбрать его в качестве значения по умолчанию?

Живой пример