Angularjs 如何在Angular JS中创建链接选择列表?

Angularjs 如何在Angular JS中创建链接选择列表?,angularjs,Angularjs,我有object$scope.animals和第页的两个选择列表: <select ng-model="type"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select ng-model="animals"> &l

我有object
$scope.animals
和第页的两个选择列表:

<select ng-model="type">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>


<select ng-model="animals">
  <option ng-repeat="(key, value) in animals">{{value}}</option>
</select>
为此,我需要应用
过滤器
如下:

| filter:value.type = selectedValueFromFirstList
我怎么能做到

编辑:

我使用:

 <option ng-show="selected == value.id" value="{{value.id}}" ng-repeat="(key, value) in animals">{{value.name}}</option>
{{value.name}

如何在默认情况下显示选项?现在,只有当我选择了
时,它才起作用。首先,不要对列表使用ng repeat,而是使用

现在,要根据第一个列表设置第二个列表的默认值,您需要为第一个列表设置
ng model
。因此,无论何时在列表项中进行选择,所选值都将在ng模型中。通过使用它,可以设置第二个列表项的默认值。还可以通过在控制器中设置值来设置第一个列表项的默认值


见此

key=value=“1”是什么意思?你的第二次选择毫无意义。动物不能作为ng模型和选项列表。ng模型包含所选选项。更改其值,所选选项将更改。更新的问题,请查看please@Caur你们得到答案了吗?不,问题并没有解决。我会试着自己做,但有问题-我想你的问题不清楚。解释你想要实现什么?
 <option ng-show="selected == value.id" value="{{value.id}}" ng-repeat="(key, value) in animals">{{value.name}}</option>