angularjs - 如何在 Angular 指令的链接函数内传递 $filter

Question

我需要在 Angular 指令的链接函数中使用 $filter，但无法将 $filter 作为参数传递给链接函数。

app.directive('myDirective', function($compile) {
  return {
    restrict: 'A',
    scope: {
      ngModel: '=',
    },
    require: 'ngModel',
    link: function($scope, elem, attr, ctrl) {

    }
  };
});

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

如何访问链接函数中的$filter？

Answer 1

只需将其注入(inject)到您的实际指令函数中，然后就可以在整个指令(包括链接函数)中使用它。

app.directive('myDirective', function($compile, $filter){
    return {
        restrict: 'A',
        scope: {
            ngModel: '=',
        },
        require: 'ngModel',
        link: function($scope, elem, attr, ctrl) {
            // call $filter here as you wish

        }
    };
});

只需将链接函数视为私有(private)指令函数，它不直接处理 Angular 的注入(inject)系统。通过注入(inject) main 指令函数，您实际上是在说所有内部函数都可以使用它。