Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度js ng选项无法设置该值_Javascript_Angularjs_Angularjs Directive_Angularjs Ng Repeat - Fatal编程技术网

Javascript 角度js ng选项无法设置该值

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

我已经开始使用angular js,这里是
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
没有选择任何内容的原因。