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

Question

所有我使用 AngularJS 绑定数据ng-repeat，现在我尝试使用可编辑选择在 AngularJS 中实现级联，但它不会工作任何人帮助如何解决这个问题。

我的要求是我需要两个溺水者名单，一个是针对国家/地区的，第二个是针对州的。

当我选择国家下拉菜单时，只需要加载那些与国家相关的州。

我怎样才能通过使用上述所有技术来做到这一点？

在这里，我附上了jsfiddle 链接。

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/