注入服务

Question

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 
     }); 
    } 
    }; 
}]); 

在调试程序方面的想法？服务似乎是在代码的其他方面的功能，已经注意到，它在点击回调

Answer 1

被未定义试试这个代码我写

它包括控制器，服务和指导。

可以看出U demo in jsfiddle

angular.module('app', []) 
 
    .controller('ctrl', function() { 
 
    
 
    }) 
 
    .service('service', [function() { 
 
    var that = this; 
 
    this.test = function(element) { 
 
     alert("Test Service");  
 
     
 
    }; 
 
    }]) 
 
    .directive('test', ['service', function(service) { 
 
    return { 
 
     restrict: 'A', 
 
     link: function(scope, element, attrs) { 
 
     element.bind('click', function() { 
 
      service.test(); 
 
     }); 
 
     } 
 
    } 
 
    }]);

#test{ 
 
    width:100px; 
 
    height:30px; 
 
    border:1px solid; 
 
    background:white; 
 
    cursor:pointer; 
 
    line-height:30px; 
 
    text-align:center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div id="test" test ng-controller="ctrl as vm"> 
 
    Click Me 
 
    </div> 
 
</div>