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>