如何使用Angularjs基於之前的字段選擇逐個啓用字段？

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只要你沒有任何的國家。 如果您從每個級別的服務器獲取數據，請不要使用我放置的過濾器。