2013-03-20 59 views
0

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

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,

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"] 
    } 
    ]; 
} 

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

+2

你必须指定NG-模型工作 – 2013-03-20 08:23:50

回答

5

请modidy代码如下

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

T hanks Ajay!那完美的工作! – anirudha13 2013-03-21 01:04:29