angular4 ngValue 不显示所选值答案

【问题标题】：angular4 ngValue does not show selected valueangular4 ngValue 不显示所选值
【发布时间】：2017-11-30 00:45:10
【问题描述】：

角度4

选择 [ngValue] 显示来自模型的选定值时遇到问题

<select [(ngModel)]="model.o">
<option *ngFor="let o of objs" [ngValue]="o"></option>
</select>

工作正常，但不显示模型中的选定对象。但如果我将[ngValue] 更改为[value]，它会显示已选中，然后将值作为字符串传递。

请有人帮忙。

【问题讨论】：

SELECT --> OPTION, using value vs ngValue的可能重复
您也可以在 Angular v 4 中使用 [compareWith]。只需忽略链接答案中的 formcontrol，改用 ngmodel 即可。但是你从如何使用它的答案中得到了想法:) stackoverflow.com/a/45370348/6294072
[compareWith] 为我工作

【解决方案1】：

能够使用 [compareWith] 属性使其工作。

【讨论】：

【解决方案2】：

试试这个

<select name="model" [(ngModel)]="model.o">
    <option *ngFor="let o of objs" value="{{o}}">{{o}}</option>
</select>

【讨论】：

您能否建议使用 [ngValue] 而不是 value，因为它不接受对象。请参考以下链接https://www.reddit.com/r/Angular2/comments/65run4/select_option_using_value_vs_ngvalue/。我想用 ngValue 禁用下拉菜单中的初始值