如何选择手动选择?

时间:2016-11-21 02:02:29

标签: angular

我有以下示例:

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

但它不起作用。

2 个答案:

答案 0 :(得分:3)

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

你很接近,我认为你需要将值改为ngValue

我最近问了一个类似的问题:Set default select list value Angular2

您需要在.ts文件中将product的值设置为-1,并将ngValue设置为-1

答案 1 :(得分:1)

我已按上述方式设置并为我工作!

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

在页面加载时,它将产品与空值进行比较,在下拉值更改后,将其值设置为空字符串。