Come definiamo una direttiva angularjs in un modulo requirejs?

Question

Non sono esattamente sicuro su come richiedere e definire una direttiva utilizzando un modulo requirejs.

Questo è il mio codice per il file che contiene le direttive direttiva/locationBtn.js

define(['Zf2NVIApp'], function (Zf2NVIApp) { 
    'use strict'; 

    Zf2NVIApp.directive('locationBtn', function() { 
     return { 
      template: '<div></div>', 
      restrict: 'E', 
      link: function postLink(scope, element, attrs) { 
       console.log("we are in the location btn module"); 
       element.text('this is the locationBtn directive'); 
      } 
     }; 
    }); 

}); 

questo è il codice per il mio file main.js

require.config({ 
shim: { 
}, 

paths: { 
    angular: 'vendor/angular', 
    jquery: 'vendor/jquery.min', 
    locationBtn: 'directives/locationBtn' 
} 
}); 

require(['Zf2NVIApp', 'locationBtn'], function (app, locationBtn) { 
// use app here 
angular.bootstrap(document,['Zf2NVIApp']); 
}); 

Answer 1

Stai vicino. Dato che il file 'Zf2NVIApp.js' contiene

define(['angular'], function(angular){ 
    return angular.module('Zf2NVIApp', []); 
}); 

che avete solo bisogno di restituire il valore nella vostra direttiva AMD definizione del modulo e dovrebbe funzionare:

define(['Zf2NVIApp'], function (Zf2NVIApp) { 
    'use strict'; 

    Zf2NVIApp.directive('locationBtn', function() { 
    return { 
     template: '<div></div>', 
     restrict: 'E', 
     link: function postLink(scope, element, attrs) { 
     console.log("we are in the location btn module"); 
     element.text('this is the locationBtn directive'); 
     } 
    }; 
    }); 

    // You need to return something from this factory function 
    return Zf2NVIApp; 

});