在AngularJS 1.x中，写一个下拉框级联的例子

下面是一个简单的AngularJS 1.x级联下拉框的例子： HTML代码： ``` ``` 在这个例子中，我们有两个下拉选择框：一个用于选择国家，另一个用于选择城市。当用户选择一个国家时，第二个下拉选择框将显示该国家的城市列表。 控制器代码： ``` var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.countries = [ {name: 'USA', cities: ['New York', 'Los Angeles', 'Chicago']}, {name: 'Canada', cities: ['Toronto', 'Vancouver', 'Montreal']}, {name: 'Mexico', cities: ['Mexico City', 'Guadalajara', 'Monterrey']} ]; $scope.getCities = function() { if ($scope.selectedCountry) { return $scope.selectedCountry.cities.map(function(city) { return {name: city}; }); } else { return []; } }; }); ``` 在这个例子中，我们定义了一个名为getCities的函数，该函数返回所选国家的城市列表。该函数使用map方法将城市名称转换为对象，以便在下拉选择框中显示。 注意，在getCities函数中，我们检查selectedCountry变量是否已定义。如果没有选择任何国家，则不会显示城市列表。此外，我们还使用ng-disabled指令禁用第二个下拉选择框，直到用户选择一个国家。 这是一个简单的级联下拉框示例，