双向绑定问题，使用对象时类型=无线电[复制]

Question

这个问题在这里已有答案：

• Comparing objects in JavaScript 10个答案

工作角1.5.x

我正在使用单选按钮但不使用字符串值存储在模型中，而是它是一个对象。

双向绑定提供问题，UI不反映基于模型值选择的单选按钮。因此，您选择它被选中的内容并且模型中的值存在。有一个保存函数可以保存值。当您重新加载页面或重新打开单选按钮时，应根据模型中的值选择。那是2路绑定失败的时候。

模型

Option opt{
    Yes:"Yes"
    No:"No"
    Maybe:"May be"
}

这里是，否，可能是同一个标签连续三个单选复选框。当我选择是时，模型将具有Yes：“Yes”对象，当我们在将模型值保存到服务器后打开页面时，UI应自动选择Yes Radio按钮作为选中，因为模型已经具有值Yes。模板

<input ng-value="{{opt}}"  ng-model="request.opt" type="radio">

试过不同的解决方案，但没有工作。而不是ng-value使用的值，但只支持字符串而不支持对象，因此不支持用例。

在ng值的情况下，模型值不会反映在屏幕UI上。虽然将选定的无线电保存到服务器没有任何问题，但模型具有正确的值，但在再次打开页面时，无法根据模型值检查无线电，它对于该组中的所有单选按钮，只是空白。

Answer 1

模板

̶<̶i̶n̶p̶u̶t̶ ̶n̶g̶-̶v̶a̶l̶u̶e̶=̶"̶{̶{̶o̶p̶t̶}̶}̶"̶ ̶ ̶n̶g̶-̶m̶o̶d̶e̶l̶=̶"̶r̶e̶q̶u̶e̶s̶t̶.̶o̶p̶t̶"̶ ̶t̶y̶p̶e̶=̶"̶r̶a̶d̶i̶o̶"̶>̶
<input ng-value="opt"  ng-model="request.opt" type="radio">

插值（{{ }}）错误地将对象转换为字符串。

见Why mixing interpolation and expressions is bad practice。