2016-02-05 147 views
0

我已經看到了如何使用複選框以創建一個漂亮的反覆過濾此的jsfiddle過濾:Angularjs與複選框

http://jsfiddle.net/ExpertSystem/wYfs4/3/

充分肯定堆棧溢出用戶ExpertSystem此的jsfiddle(有沒有辦法直接發送消息給其他用戶?或者在這篇文章中給他們添加標籤?)

我想知道如何編輯這段代碼,這樣當選擇一個複選框時,它將從顯示中刪除相關項目(而不是僅顯示相關項目)。

所以現在當你檢查,你會看到顯示「紅」複選框:

Wine A (red) 
Wine B (red) 
Wine D (red) 
Wine E (red) 

但我想看到的是:

wine C (white) 
wine F (white) 
wine G (champagne) 
wine H (champagne) 

所以基本上我期待逆轉過濾器。我已經玩了一些,但迄今爲止沒有運氣,我不確定如何去做。

+0

你可以用做一次檢查NG-if指令,並綁定到一個自定義的功能。像這樣: http://jsfiddle.net/wzv7w24o/ –

回答

3

易peasy檸檬squeezy :)只是改變的條件下,檢查Fiddle

$scope.filterByCategory = function (wine) { 
    console.log($scope.filter); 
    return !$scope.filter[wine.category]; 
}; 
+0

完美!謝謝。 – bdh