Bộ lọc Angularjs phủ nhận

Question

Tôi có một tập hợp các mục mà tôi muốn lọc trong ng-lặp lại bằng cách sử dụng ng-model làm chuỗi để lọc tập hợp, cho đến nay tôi chưa tìm được cách để làm cho nó hoạt động khi biểu thức bị từ chối, tôi đang làm một cái gì đó như thế này:

Trong documentation, nó nói rằng chúng ta nên sử dụng! để phủ nhận biểu thức nhưng vẫn không có may mắn.

Tôi đang làm gì sai?

Answer 1

'!' nhân vật thêm vào trước vào chuỗi lọc, như dưới đây:

lọc: '!' + 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

CẬP NHẬT: xem câu trả lời của ENDOH takanao.

Nhìn vào AngularJS source code, có vẻ như '!' phủ nhận kết quả của các vị, không phải là vị bản thân:

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

Vì vậy, có một cách để làm việc xung quanh này là để [Nếu bạn không thích + myFilter cú pháp, '!'] bạn có thể xác định chức năng ngữ của riêng bạn trong điều khiển của bạn:

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

Sau đó, sử dụng nó trong HTML của bạn:

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

Ví dụ fiddle.

Answer 3

Nếu sử dụng các đối tượng, bạn cũng có thể quan tâm như sau:

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

Thử nghiệm trong AngularJS 1.1.5.

Answer 4

Nếu bạn đang sử dụng một phương pháp để lọc hơn tiền tố tên phương thức với '!' sẽ không làm việc. Thay vào đó bạn có thể làm điều gì đó như:

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

Sau đó, bạn làm:

filter:not(myFilterMethod) 

Trong html của bạn nó sẽ trông giống như:

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

tham khảo: https://stackoverflow.com/a/17811582/175830

Answer 5

tôi m sử dụng giải pháp 1.3.15 và ENDOH's không hoạt động. Thay vào đó, filter:'!':languageOrigin đã làm việc cho tôi.