Posso inserire un servizio in una direttiva in AngularJS?

Sto cercando di iniettare un servizio in una direttiva come di seguito:

 var app = angular.module('app',[]);
 app.factory('myData', function(){
     return {
        name : "myName"
     }
 });
 app.directive('changeIt',function($compile, myData){
    return {
            restrict: 'C',
            link: function (scope, element, attrs) {
                scope.name = myData.name;
            }
        }
 });

Ma questo mi sta restituendo un errore Unknown provider: myDataProvider. Qualcuno potrebbe esaminare il codice e dirmi se sto facendo qualcosa di sbagliato?

Puoi fare l'iniezione su Direttive, e sembra che lo faccia ovunque.

app.directive('changeIt', ['myData', function(myData){
    return {
        restrict: 'C',
        link: function (scope, element, attrs) {
            scope.name = myData.name;
        }
    }
 }]);

Cambia la definizione della direttiva da app.modulea app.directive. A parte questo, tutto sembra a posto. A proposito, molto raramente devi iniettare un servizio in una direttiva. Se stai iniettando un servizio (che di solito è un'origine dati o un modello) nella tua direttiva (che è una specie di parte di una vista), stai creando un accoppiamento diretto tra la tua vista e il tuo modello. È necessario separarli collegandoli insieme utilizzando un controller.

Funziona benissimo. Non sono sicuro di quello che stai facendo che è sbagliato. Eccone uno che funziona.

http://plnkr.co/edit/M8omDEjvPvBtrBHM84Am

Puoi anche usare il servizio $ inject per ottenere qualunque servizio ti piaccia. Lo trovo utile se non conosco in anticipo il nome del servizio ma conosco l'interfaccia del servizio. Ad esempio una direttiva che inserirà una tabella in un endpoint ngResource o in un pulsante generico di eliminazione-record che interagisce con qualsiasi end point api. Non si desidera implementare nuovamente la direttiva tabella per ogni controller o origine dati.

template.html

<div my-directive api-service='ServiceName'></div>

my-directive.directive.coffee

angular.module 'my.module'
  .factory 'myDirective', ($injector) ->
    directive = 
      restrict: 'A'
      link: (scope, element, attributes) ->
        scope.apiService = $injector.get(attributes.apiService)

ora il tuo servizio "anonimo" è completamente disponibile. Ad esempio, se è ngResource, è possibile utilizzare l'interfaccia standard ngResource per ottenere i dati

Per esempio:

scope.apiService.query((response) ->
  scope.data = response
, (errorResponse) ->
  console.log "ERROR fetching data for service: #{attributes.apiService}"
  console.log errorResponse.data
)

Ho trovato questa tecnica molto utile quando si creano elementi che interagiscono in particolare con gli endpoint API.