Question

我在指令和服务之间有一些共同的功能。我真的不想复制这两个项目之间的代码。是否可以将服务注入指令？

Answer 1

是。在你的指令中，只需这样做：

.directive('directiveName', ['ServiceName', function(ServiceName) {
  return {
    link: function(...) {
      ServiceName.doSomething();
    }
  }
}]);

Answer 2

是的，这就像服务的主要内容之一。您可以注入指令声明的外部函数：

myModule.directive('myDirective', function(awesomeService) {
  return {
    link: function(scope, element, attrs) {
      awesomeService.doSomethingAwesome();
    }
  };
});

或者，如果您的指令使用控制器，只需将其注入：

var myDirectiveCtrl = function(awesomeService) {
  awesomeService.doSomethingAwesome();
};

myModule.directive('myDirective', function() {
  return {
    controller: myDirectiveCtrl,
    require: 'myDirectiveCtrl',
    link: function(scope, element, attrs, ctrl) {
      ctrl.doStuffMaybe();
    }
  };
});

如何在服务和指令之间共享功能

2 个答案: