基于另一个多重选择的多重选择

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键