从具有隔离范围的Angular指令访问自定义筛选器

Question

我已经定义了一个自定义过滤器和一个带有隔离范围的指令,当我没有将它注入指令模块时,我无法弄清楚为什么该指令可以访问自定义过滤器(我已将它注入到应用程序模块中) - 见例子).

过滤器的范围规则是否与其他范围属性不同？或者这是在考虑过滤器时使用的错误框架？

这里的工作示例:http://jsbin.com/IRogUxA/6/edit？html,js,output

提前致谢!

Answer 1

这是因为该指令是exampleApp模块创建的根作用域的子节点.将services和controllers,和directives模块注入到exampleApp从子到根范围的树上提供原型继承.依赖指令toDate可访问的过滤器是危险的linkBox,以防将来创建的根作用域exampleApp排除services模块.

Erstad Stephen在他的回答中写道的部分是正确的,但是他的例子不会因为它的输入而起作用,因为$ injector需要过滤器名称后缀为Filter.详见$ filterProvider文档.

以下代码有效:

//CORE MODULE
angular.module('exampleApp',['controllers','directives']);

angular.module('controllers',[]).controller('app_ctrl',['$scope',function($scope){
  $scope.dateVal = 20131010;
}]);

angular.module('services',[]).filter('toDate',[function(){
  function func(ymd){
    ymd = ymd + "";
    var y = ymd.substring(0,4);
    var m = ymd.substring(4,6);
    var d = ymd.substring(6);
    return (+m) + "/" + (+d) + "/" + y;
  }
  return func;
}]);

//DIRECTIVE
angular.module('directives',['services']).directive('linkBox', ['toDateFilter', function(toDate){
  var dir = {
    transclude:false,
    scope:{isolateVar:'@linkBox'},
    replace:true,
    template:'<p>Filtered value: {{isolateVar | toDate}}</p>',
    link: function lfn(scope, instance, attr){
      var a = angular.element(instance); 
      a.text(scope.isolateVar.name);
      console.log(scope);
    } //end link function
  }; //end dir object
  return dir;
}]);

这是工作的JSBin:http://jsbin.com/ICUjuri/2/edit