如何選擇手動選擇選項？

Question

我下面舉個例子：

<select ngControl="product" name="product" [(ngModel)]="product" #product="ngModel"> 
    <option [value]="">Root</option> 
    <option *ngFor="let p of product" [value]="p['id']">{{ p.nome }}</option> 
</select> 

我需要手動選擇該選項。我需要這樣的：

<option [value]="" [selected]="tue">Root</option> 

但它不起作用。

Answer 1

[ngValue] ="-1" 
[ngValue] = "p['id']" 

你靠近，我認爲你需要改變值ngValue

最近，我問了一個類似的問題：Set default select list value Angular2

您需要在產品的值設置爲-1你.ts文件，並將ngValue設置爲-1

Answer 2

我已經設置了上述功能，它適用於我！

<option [ngValue]="product === null ? null : ''">Root</option> 

在頁面加載時，它將產品按空值進行比較，在下拉值更改後，將其值設置爲空字符串。