我嘗試添加一個默認值到一個選項。它將像一種佔位符,我使用this method來做到這一點。 它在純HTML中起作用,但如果我嘗試使用角度2屬性的*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
被選作一個默認值。它已禁用但未選中。
如何將其選爲默認值?
@CTN對不起,我不明白你的問題。什麼標籤和什麼HTML DOM? –
我想設置html標籤來標籤值。 – CTN