使用 ui 选择反向筛选

Question

如何反向过滤选择选项？我使用ui-select来过滤我的多选选项。我可以根据国家/地区过滤城市。我想按城市添加过滤国家/地区并在选项中标记国家/地区名称。

请看一下这个小提琴

Answer 1

你需要实现这个方法来做到这一点

$scope.getCityListByCity=function(){
      var sampletemp = [];
      $scope.selected.city.forEach(function(city) {
    var temp =  objectFromArrayFilter($scope.samples,'city',city);
    sampletemp = sampletemp.concat(temp);
            });
      $scope.uniquecountry = $filter('unique')(sampletemp, 'country');
        $scope.selected.country= [];
       $scope.country = $scope.uniquecountry.map(function(item) {
      return item.country
        })
      $scope.selected.country=$scope.country;
      if($scope.country.length == 0){
        $scope.uniquecountry = $filter('unique')($scope.samples, 'country');
    $scope.country = $scope.uniquecountry.map(function(item) {
      return item.country
    })
      }
    }

请根据您的要求参考此工作小提琴