AngularJS select com ng-repeat
HTML
<div ng-app>
<div ng-controller="MyCntrl">selecteds: {{selecteds}}
<hr/>
<select ng-repeat="(name, values) in selects" ng-model="selecteds[name]" ng-options="v for v in values">
<option value="''">pick a {{name}}</option>
</select>
<hr />
<div ng-repeat="p in people | filter:selecteds">{{p.id}} - {{p.color}} - {{p.gender}}</div>
</div>
</div>
CSS
</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> <style>
JavaScript
function MyCntrl($scope) {
$scope.servers =
[
{
"name": "server1",
"version":
[
"10.x"
]
},
{
"name": "server2",
"version":
[
"1", "2"
]
}
];
}