отфильтруйте второе поле выбора на основе первого выбранного параметра с помощью angular js


У меня есть 2 поля выбора, которые получают данные с помощью ng-опций и жестко закодированных. во втором поле выбора должны отображаться данные, основанные на выбранных данных в первом поле выбора. это плунжер.
https://plnkr.co/edit/r1S1e61H3RfH3uYGYTBP?p=preview
может кто-нибудь пожалуйста, помогите мне.

$scope.data = [{
        cities: [{
            id: 1,
            title: 'Mysore'
        }, {
            id: 2,
            title: 'Bangalore'
        }, {
            id: 3,
            title: 'Delhi'
        }, {
            id: 4,
            title: 'Mumbai'
        }],
        maps: [{
                id: 1,
                title: 'Zoo',
                city_id: 1
            }, {
                id: 2,
                title: 'Palace',
                city_id: 1
            }, {
                id: 3,
                title: 'Beach',
                city_id: 4
            }]

    }];
1 3

1 ответ:

Вы можете передать идентификатор выбранного города из 1-го выпадающего списка в качестве фильтра во 2-й выпадающий список, как показано ниже

<select name="mapSelect" required="true" ng-options="map as map.title for map in data[0].maps | filter:{'city_id':citySelect.selectedOption.id}" ng-model="mapSelect.selectedOption"></select>