Javascript 注射服务

关于调试例程的想法？该服务似乎在代码的其他区域中起作用，注意到它在click callback中没有定义

试试我写的这段代码

它包括控制器、服务和指令

你可以看到

angular.module（'app'，[]）
.controller（'ctrl'，function（）{
})
.service（'服务'，[功能（））{
var=这个；
this.test=功能（元素）{
警报（“测试服务”）；
};
}])
.directive（'test'，['service'，函数（service）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
元素绑定（'单击'，函数（）{
service.test（）；
});
}
}
}]);
#测试{
宽度：100px；
高度：30px；
边框：1px实心；
背景：白色；
光标：指针；
线高：30px；
文本对齐：居中；
}

点击我
您能否为该服务提供一些代码？它是否使用相同的应用程序名称？如何使用plunker/JSFIDLE来帮助我们帮助您？服务已成功注入代码的其他区域现在发生了什么，使您认为单击事件无法看到该服务？@Rhumborl在我请求时，该服务尚未定义
angular.module(app_name).directive('name', ['service', function(service) {
  return {
    restrict: 'A',
    scope: {
      payload: '@trackClicksWithJson'
    },
    link: function(scope, element, attrs) {
      element.bind('click', function() {
        //what I had not accounted for in terms of getting service defined here
      });
    }
  };
}]);