AngularJSで二つのコンボボックスの連動をしたい

Question

"AngularJSで、二つのコンボボックスの連動をさせるには
どうしたらよいでしょうか？
分かる方、教えて下さい。"

Answer 1

"ng-optionsディレクティブとng-changeディレクティブを使って連動させます。
以下、例をあげます。changeGender()メソッドで、filterするのがポイントです。

--html
<select ng-model="todoForm.genderid" ng-options="g.genderid as g.name for g in genders" ng-change="changeGender()">

<option value="">-- chose item --</option> </select> <select ng-model="todoForm.peronid" ng-options="i.id as i.name for i in items"> <option value="">-- chose item --</option> </select>

--javascript
$scope.persons = [{"id":"1","gender":"1","name":"男1"},{"id":"2","gender":"2","name":"女1"},{"id":"3","gender":"1","name":"男2"},{"id":"4","gender":"2", "name":"女2"}];

$scope.genders = [{"genderid":"1","name":"男"},{"genderid":"2","name":"女"}];

$scope.changeGender = function() {
$scope.items =$filter('filter')($scope.persons, {gender: $scope.todoForm.genderid});
};"