Angularjs Filter negiert

Question

Ich habe eine Reihe von Elementen, die ich in ng-repeat mit einem ng-Modell als die Zeichenfolge filter den Satz filtern möchte, bis jetzt habe ich keine Möglichkeit gefunden, es funktioniert, wenn der Ausdruck negiert wird, so etwas wie ich tue:

im documentation, heißt es, dass wir nutzen sollten! den Ausdruck zu negieren, aber immer noch kein Glück.

Was mache ich falsch?

Answer 1

'!' Zeichen voranstellen, um die Filterzeichenfolge, wie unten:

Filter: '!' + languageOrigin

<select ng-model="languageOrigin" ng-change="updatePrice()"> 
    <option ng-repeat="language in languages">{{language}}</option> 
</select> 
<select ng-model="languageDestination" ng-change="updatePrice()"> 
    <option ng-repeat="language in languages | filter:'!'+languageOrigin">{{language}}</option> 
</select> 

Answer 2

UPDATE: siehe ENDOH Takanaos Antwort.

Mit Blick auf die AngularJS source code, scheint es, dass "!" negiert das Ergebnis des Prädikats, nicht das Prädikat selbst:

var search = function(obj, text){ 
    if (text.charAt(0) === '!') { 
     return !search(obj, text.substr(1)); 
    } 
    switch (typeof obj) { 
    ... 

ein Weg Also, dies zu umgehen, ist zu [Wenn Ihnen das nicht gefallen + myFilter Syntax, ‚!‘] können Sie definieren sie Ihre eigene Prädikatfunktion in Ihrem Controller:

$scope.inverseOriginFilter = function(item) { 
    return item.search($scope.languageOrigin) == -1 
} 

es dann in Ihrem HTML verwenden:

<select ng-model="languageDestination" ng-change="updatePrice()" 
    ng-options="language for language in languages | filter:inverseOriginFilter"> 
</select> 

Beispiel fiddle.

Answer 3

Wenn Objekte verwenden, könnten Sie auch folgende Angebote interessieren:

<li data-ng-repeat="obj in objs | filter:({obj_attr: '!obj_val'})"> 
    ... 
</li> 

Getestet in AngularJS 1.1.5.

Answer 4

Wenn Sie eine Methode zum Filtern als Präfixierung des Methodennamens mit '!' wird nicht funktionieren. Stattdessen können Sie etwas tun:

// You can register this in your AppCtrl if you like, otherwise just use $scope. 
$rootScope.not = function(func) { 
    return function (item) { 
     return !func(item); 
    } 
}; 

Dann tun Sie:

filter:not(myFilterMethod) 

in Ihrem HTML würde es wie folgt aussehen:

<select ng-model="languageDestination" ng-change="updatePrice()"> 
    <option ng-repeat="language in languages | filter:not(languageOrigin)">{{language}}</option> 
</select> 

Referenz: https://stackoverflow.com/a/17811582/175830

Answer 5

I‘ m mit 1.3.15 und ENDOH's Lösung hat nicht funktioniert. Stattdessen arbeitete filter:'!':languageOrigin für mich.