Question

我是Angularjs的新手，我想逐一启用该字段，如下所示。

选择国家/地区名称后，仅激活状态菜单。选择州名后，只应激活城市名称。

点击“提交”按钮后，应使用所选值创建JSON字符串以获取响应。

Answer 1

你可能想要这样的东西：

angular.module('app', []).controller('ctrl', function($scope){
    $scope.countries = ['foo', 'bar'];
    $scope.data={};
    $scope.cities = [{name:'foo1', country:'foo'},{name:'bar1', country:'bar'},{name:'foo2', country:'foo'}];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
   <select ng-options="country for country in countries" ng-model="data.country"></select><br/>
   <select ng-options="city as city.name for city in cities | filter: {country:data.country} " ng-disabled="!data.country" ng-model="data.city"></select><br/>
   {{data.country}} - {{data.city.name}}
</div>

只要您没有任何国家/地区，只需使用ng-disabled即可。如果您在每个级别从服务器获取数据，请不要使用我放置的过滤器。

如何使用Angularjs基于之前的字段选择逐个启用字段？

1 个答案: