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

时间:2015-02-06 01:22:26

标签: angularjs angular-ngmodel ng-options

这似乎是一个非常直接的代码,但我无法弄清楚它为什么不起作用。

我想通过选择'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

1 个答案:

答案 0 :(得分:4)

问题在于您的第一次取消,您需要使用value语法select as将模型设置为option.value as option.属性的值。

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

<强> Plnkr