基於另一個多重選擇的多重選擇

Question

我需要根據這些多重選擇中的國家過濾城市。 我使用ui-select進行多選，感謝@tanmay。

請看看這個小提琴。

Fiddle

Answer 1

您可以添加ng-change一個函數，將返回所有城市被選擇的國家

$scope.getCityList=function(){ 

     var sampletemp = []; //temp array to hold filtered values 
     $scope.selected.country.forEach(function(country) { 
     //bjectFromArrayFilter --> A filter function that will do the filtering 
     var temp = objectFromArrayFilter($scope.samples,'country',country); 
     sampletemp = sampletemp.concat(temp); 
     //Filter duplicate city names 
     $scope.uniquecity = $filter('unique')(sampletemp, 'city'); 
     //Reset all the already selected values 
     $scope.selected.city= []; 

     $scope.city = $scope.uniquecity.map(function(item) { 
     return item.city 
     }) 
    } 

過濾功能。

您也可以使用此功能執行自定義過濾。只是傳遞對象的數組，過濾鍵和值相匹配

var objectFromArrayFilter=function(arrayOptions, key, value) { 
    var filterResult = arrayOptions.filter(function(val) { 
      return val[key] === value; 
    }); 
    return filterResult; 
}; 

FULL EXAMPLE

類似的功能，可用於過濾其它$scope.samples鍵