ng-options 在另一个下拉列表中按值过滤

Question

这似乎是一个非常简单的代码，但我不明白为什么它不起作用。

我想通过选择 'make'、

来过滤 'model' 下拉列表

    Make:
    <select ng-model="makeng" ng-options="option.display for option in makes">
      <option ng-disabled="true"  ng-selected="true" value="">Select a make</option>
    </select>  
    Model:
    <select ng-model="modelng" ng-options="option.display for option in models | filter:{make:makeng}">
      <option ng-disabled="true"  ng-selected="true" value="">Select a model</option>
    </select>

这里是 plunker

http://plnkr.co/edit/bHb9AScd2m58acUUyI0t?p=preview

Answer 1

问题出在您的第一个 ngoption 上，您需要使用 select as 语法 option.value as option..

将模型设置为 value 属性的值

<select ng-model="makeng" 
       ng-options="option.value as option.display for option in makes">

Plnkr

ng-options 在另一个下拉列表中按值过滤

ng-options filter by value in another dropdown

angularjs

ng-options

angular-ngmodel