我将单选按钮绑定到模型,如下所示:
<input type="radio" ng-model="formData.style" ng-value="{{style}}">
样式是具有多个属性的复杂对象。这是在ng-repeat中完成的,所以我有多个。样式可能是这样的:
{"name":"kran", "size":"2"}
等等。我想将完整的对象绑定到模型,以便以后可以将其保存为状态并检索它以继续使用它。但是,当我使用保存的“状态”更新模型时,UI不会更新以显示选择了哪个单选按钮。我相信这与绑定到复杂的对象而不是简单的值有关,但是我不确定。
样式对象来自另一个数组,如下所示:
<div ng-repeat="style in data.styles">
我该如何解决这个问题?
最佳答案
我的第一个答案有点不对。我在这里做了一个工作的例子:
https://jsfiddle.net/lisapfisterer/szp3dudh/
的HTML
<form>
<label>Radio-Buttons</label>
<br/>
<label ng-repeat="style in styles">
<input type="radio" ng-model="formData.style" ng-value="style"> {{style.name}}
</label>
<br/>
</form>
AngularJs
var first = { name: "First Name", value: "First Value" };
var second = { name: "Second Name", value: "Second Value" };
var third = { name: "Third Name", value: "Third Value" };
$scope.styles = [first, second, third];
$scope.formData = {};
$scope.formData.style = $scope.styles[0];