カスタムディレクティブでサービスを呼び出す

Question

サービスにいくつかのサービスを追加するまで、正常に動作していたカスタムディレクティブがあります。なぜなら、「エラー：ng：areq不正な引数」はそれを理解できないからです。

マイディレクティブ：

angular.module('myApp') 
    .directive('modalContent',[ 
     '$uibModal', 
     'UserService'], 
     function($uibModal, UserService){ 
     return { 
      restrict: 'A', 
      priority: 100, 
      link: function($scope, element, attrs) { 
       element.on('click', function(evt){ 

        console.log("Click and Stop"); 

        evt.preventDefault() 
        evt.stopImmediatePropagation(); 

        $scope.$apply(function(){ 
         console.log("call Modal"); 
        }); 

       }); 
      } 
     }; 
    }); 

Answer 1

ディレクティブを作成する前に、角度モジュールを初期化してみてください。その後

angular.module('myApp',[]); 

を、あなたはあなたのコードを使用することができます。

---

編集：

エラーが構文エラーによるものである、あなたが持っているディレクティブの余分]'UserService'後の正しい定義は次のとおりです。

は

angular.module('myApp') 
    .directive('modalContent',[ 
     '$uibModal', 
     'UserService', 
     function($uibModal, UserService){ 
     return { 
      restrict: 'A', 
      priority: 100, 
      link: function($scope, element, attrs) { 
       element.on('click', function(evt){ 

        console.log("Click and Stop"); 

        evt.preventDefault() 
        evt.stopImmediatePropagation(); 

        $scope.$apply(function(){ 
         console.log("call Modal"); 
        }); 

       }); 
      } 
     }; 
    }]); 

はまたの変化に気付きますend：の代わりに});