Я пытаюсь добавить значение по умолчанию к опции. Он будет похож на своего рода заполнителя, и я использую этот метод для этого.
В чистом 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>
И используя шаблон angular:
<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
выбирался как значение по умолчанию. Он отключен, но не выбран.
Как я могу выбрать его как значение по умолчанию?