基于另一个多选的多选

Question

我需要根据这些多选中的国家/地区过滤城市。我用ui-select进行多选，多亏了@tanmay。

请看一下这个小提琴。

小提琴

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;
};

完整示例

可以制作类似的功能来过滤其他$scope.samples键