javascript - 如何在angularjs MEANSTACK-editable-select中实现级联？

Question

我使用 AngularJS ng-repeat 绑定(bind)数据，现在我尝试使用 editable-select 在 AngularJS 中实现级联，但没有人帮助解决这个问题。

我的要求是我需要两个沉没列表，一个用于国家/地区，第二个用于州。

当我选择“国家/地区”下拉列表时，只需加载那些与国家/地区相关的州。

如何使用上述所有技术来做到这一点？

在这里，我附上了jsfiddle link .

Answer 1

    function CountryCntrl($scope) {
                    $scope.countries = {
                        'India': {
                            'Maharashtra': ['Pune', 'Mumbai', 'Nagpur', 'Akola'],
                            'Madhya Pradesh': ['Indore', 'Bhopal', 'Jabalpur'],
                            'Rajasthan': ['Jaipur', 'Ajmer', 'Jodhpur']
                        },
                        'USA': {
                            'Alabama': ['Montgomery', 'Birmingham'],
                            'California': ['Sacramento', 'Fremont'],
                            'Illinois': ['Springfield', 'Chicago']
                        },
                        'Australia': {
                            'New South Wales': ['Sydney'],
                            'Victoria': ['Melbourne']
                        }
                    };
                }

<div ng-controller="CountryCntrl">
            <div>
                Country: 
                <select id="country" ng-model="states" ng-options="country for (country, states) in countries">
                    <option value=''>Select</option>
                </select>
            </div>
            <div>
                States: <select id="state" ng-disabled="!states" ng-model="cities" ng-options="state for (state,city) in states"><option value=''>Select</option></select>
            </div>
            <div>
                City: <select id="city" ng-disabled="!cities || !states" ng-model="city"><option value=''>Select</option> <option ng-repeat="city in cities" value='{{city}}'>{{city}}</option></select>        
            </div>
        </div>

取自:http://devzone.co.in/simple-example-of-dependable-dropdowns-cascading-dropdowns-using-angularjs/