2017-07-25 7 views
1

Ich versuche, einen Filter aus einem Bereichsschieberegler zu erstellen.Winkelfilter mit OR-Operator

Kann ich einstellen, dass sich mein Entfernungsregler auf einer der Positionen befindet, um mehr als eine Kategorie anzuzeigen?

Mit dem untenstehenden Code kann ich mit dem Bereich filtern, aber er legt den Filter nur das erste Wort und nichts mehr nach dem OR-Operator. Kann mir jemand helfen?

Ich habe bereits den anderen Beitrag hier sehen, aber immer noch nicht bekommen, wie ich das erreichen kann. = (

Dank Daniel, hier ist die Arbeitslösung:

$scope.projetos = []; 

$scope.filtroRange = filtroRange; 

function filtroRange() { 
    if (this.rangemodel == 1) { 
     $scope.categoryFilter = function(projeto) { 
     if (projeto.categoria === 'site institucional' || projeto.categoria === 'ecommerce') { 
      console.log('filtrando'); 
      return projeto;  
      } 
     }; 
    } else if (this.rangemodel == 2) { 
     $scope.categoryFilter = function(projeto) { 
     if (projeto.categoria === 'branding' || projeto.categoria === 'email marketing') { 
      console.log('filtrando'); 
      return projeto;  
      } 
     }; 
    } 
}; 
+0

https://stackoverflow.com/questions/15868248/how-to-filter-multiple-values-or-operation-in-angularjs –

+0

Mögliches Duplikat von [So filtern Sie mehrere Werte (ODER-Verknüpfung) in angularJS] (https://stackoverflow.com/questions/15868248/how-to-filter-multiple-values-or-operation-in-angularjs) –

Antwort

1

Sie können wie so eine benutzerdefinierte Filterfunktion erstellen:

$scope.categoryFilter = function(project) { 
    if (this.rangemodel == 1) { 
     if (project.category === 'web' || project.category === 'ecommerce') { 
      return project;  
     } 
    } else if (this.rangemodel == 2) { 
     if (project.category === 'branding' || project.category === 'video') { 
       return project; 
      } 
     } 
    } 
}; 

Dann würde Ihre HTML rufen Sie einfach diese Funktion als Filter :

<div ng-repeat="project in projects | filter: categoryFilter"> 
+0

DANKE !!! Sehr nützlicher Hinweis! –