Search code examples
javascriptangularjsng-options

ng-options filter by value in another dropdown one data


I have read some example in ng-options filter by value in another dropdown.

But in my case the data is in one scope.

I have try

Make:
<select ng-model="makeng" ng-options="option.id as 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.data.name for option in makes | filter:{id:makeng}">
    <option ng-disabled="true"  ng-selected="true" value="">Select a model</option>
</select>

Plnkr: http://plnkr.co/edit/MlbBcVso57H3tyVEJa8o?p=preview


Solution

  • No need for the filter at all:

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

    Make:

    <select ng-model="makeng" ng-options="option as 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.name for option in makes[makes.indexOf(makeng)].data">
        <option ng-disabled="true"  ng-selected="true" value="">Select a model</option>
    </select>