角度從調用$ rootScope的效用函數的過濾器

Question

我有一個效用函數NOTNULL（）旨在與過濾器，像這樣使用：

...| filter:notNull()" 

我需要更多的指令，這就是爲什麼我把它在$ rootScope中。

的問題是，我的濾波器不是called.I創建了一個示例plnkr：

http://plnkr.co/edit/Nq0iLw?p=preview

有人能幫忙嗎？爲什麼不調用過濾器並且不過濾我的項目？

PS。在過濾器這一表達不接縫空值工作：

...| filter:{myProp:!null} 

Answer 1

[注：更新配置在相反的時間順序。]

UPDATE 2

首先，回答你的問題「爲什麼...| filter:{myProp:!null}不工作：
這是因爲你試圖使用的語法是（根據the docs）僅適用於字符串值（並且null不是字符串值）。

您可以創建（並連接到您的應用程序）的自定義過濾器：

app.filter("notEqual", function() { 
    return function(items, key, value) { 
     var filtered = []; 
     items.forEach(function(item) { 
      if (item && (item[key] !== undefined) 
        && (item[key] !== value)) { 
       filtered.push(item); 
      } 
     }); 
     return filtered; 
    }; 
}); 

然後從任何像這樣的指令中使用它：

...| notEqual:'<keyName>':<valueToCompareAgainst> 

如：

app.directive("mytag", function() { 
    return { 
     restrict: "E", 
     template: "<div ng-repeat=\"item in myModel | notEqual:'a':null\">" 
       + " item: {{item}}" 
       + "</div>", 
     scope: { 
      myModel: "=" 
     } 
    }; 
}); 

另請參閱此其他short demo。

---

UPDATE

這可能是一個更好的主意，使用服務或工廠的實用方法，應該是提供給多個控制器/範圍，應該是定製的。例如： - 現在

app.factory("notNullFactory", function() { 
    var factory = {}; 
    factory.notNull = function(caption) { 
     return function(item) { 
      console.log(caption + " " + JSON.stringify(item)); 
      return (item !== null); 
     }; 
    }; 
    return factory; 
}); 

，您可以使用notNullFactory的notNull(...)函數來創建自定義的過濾器功能：

app.directive("mytag", function(notNullFactory) { 
    return { 
     restrict: "E", 
     template: "<div>" 
       + " <div ng-repeat=\"item in myModel | filter:notNull('Checking')\">" 
       + "  item: {{item}}" 
       + " </div>" 
       + "</div>", 
     scope: { 
      myModel: "=" 
     }, 
     link: function($scope) { 
      $scope.notNull = function(caption) { 
       return notNullFactory.notNull(caption); 
      }; 
     } 
    }; 
}); 

還參見本等short demo。

---

這不是說你的過濾器沒有被調用，而是它沒有被定義。當你定義$scope.notNull時，將其設置爲$rootScope.notNull，後者是undefined。

相反，你可以擺脫鏈接財產和使用：

...| filter:$parent.notNull()... 

還參見本short demo。