ng-repeat中的Angular ng-options

时间:2022-11-25 17:14:46

I am unable add option elements to a select element using the ng-options directive. But am able to do this using the ng-repeat directive. Why?

我无法使用ng-options指令将选项元素添加到select元素。但是我可以使用ng-repeat指令来做到这一点。为什么?

HTML,

HTML,

<div ng-app ng-controller="DescAttrCtrl">
   <div ng-repeat="dattr in dattrs">
        <div ng-repeat="v in dattr.values">
            {{v | json}}
        </div>
        <select name="dattr-{{$index}}" ng-options="v for v in dattr.values">
                <option value=""> --- select a value --- </option>
         <!--   <option ng-repeat="v in dattr.values">{{v}}</option> -->
        </select>
    </div>
</div>

Javascript,

JAVASCRIPT,

function DescAttrCtrl($scope) {
     $scope.dattrs = [
     {
          "name" : "first attribute",
          "description" : "attribute first description",
          "values" : ["value1", "value2", "value3", "value4"]
     },
     {
          "name" : "second attribute",
          "description" : "attribute second description",
          "values" : ["value1", "value2", "value3", "value4"]
     }
    ];
}

fiddle, http://jsfiddle.net/FwVbC/

小提琴,http://jsfiddle.net/FwVbC/

1 个解决方案

#1


5  

Please modidy the code as below

请修改下面的代码

<select ng-model="selection" ng-options="values for values in dattr.values">
   </select>

#1


5  

Please modidy the code as below

请修改下面的代码

<select ng-model="selection" ng-options="values for values in dattr.values">
   </select>