angularjs - requirejsモジュールでangularjsディレクティブをどのように定義しますか？

Question

requirejsモジュールを使用してディレクティブを要求および定義する方法が正確にわかりません。

これは、ディレクティブdirectives/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');
            }
        };
    });

});

これは私の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

あなたは近くにいます。'Zf2NVIApp.js'ファイルに

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

ディレクティブAMDモジュール定義で値を返すだけで、機能するはずです。

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;

});