Javascript 角度js ng选项无法设置该值
我已经开始使用angular js,这里是Javascript 角度js ng选项无法设置该值,javascript,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Directive,Angularjs Ng Repeat,我已经开始使用angular js,这里是ng选项的问题 我有一个低于DOM的结构,其中我在ng repeat内部使用了ng option。我在nginit <div ng-init='Mainmodel="{"SelectedValue": "value1", "dummy" : [ { "name" : "first attribute", "description" : "attribute first description
ng选项的问题
我有一个低于DOM的结构,其中我在ng repeat
内部使用了ng option
。我在nginit
<div ng-init='Mainmodel="{"SelectedValue": "value1",
"dummy" : [
{
"name" : "first attribute",
"description" : "attribute first description",
"values" : [{"id":"value1", "Name":"name1"}, {"id":"value2", "Name":"name2"}]
},
{
"name" : "second attribute",
"description" : "attribute second description",
"values" : [{"id":"value1", "Name":"name1"}, {"id":"value2", "Name":"name2"}]
}
]" >
<div ng-repeat="model in Mainmodel">
<select ng-model="SelectedValue" ng-options="item.id as item.Name for item in Mainmodel.dummy.values">
<option value=""> Please select </option>
</div>
</div>
问题出在您的ng选项中。您正在使用item.id作为main模型中的item.Name。值
但item
没有属性id
或Name
。它有名称
、说明
和值
。您需要迭代值中的项目
您可能需要将ng repeat
与ng repeat
相结合来解决这个问题,而不使用ng选项
比如:
<div ng-repeat="model in Mainmodel">
<select ng-model="SelectedValue">
<option value="">Make a choice</option>
<div ng-repeat="item in Mainmodel.values">
<option ng-repeat="subitem in item.values" value="{{subitem.id}}">{{subitem.Name}}</option>
</div>
</div>
作出选择
{{subitem.Name}
我是发自内心地写这篇文章的。我没有测试,只是想给你一个想法。你的对象无效…该数组没有键{key:val,[]}
无效。我没有确切的模型。我试图创建它的复制品。但实际上模型是有效的你应该发布准确的模型。我现在没有。我将更新soonSorry这是我的错误(打字错误),我已经更新了模型和ng选项。请看,变化不大。您仍然需要通过dummy.values
。这是您需要迭代以填充下拉列表的集合。这也是您的SelectedValue
没有选择任何内容的原因。