リンク内の関数を実装するか、リンクの外側で機能する$ scopeを渡す

Question

私の質問はベストプラクティス+より効率的です。 Link関数内で$ scopeを使用する関数を実装するか、それを外部に実装して$ scopeを渡しますか？

angular.module('exampleModule', []) 
    .directive('exampleDirective', ['$http', 
     function ($http) { 
      return { 
       restrict: 'EA', 
       scope: { 
        ... 
       }, 
       link: function ($scope, element, attr) { 
        /* Implement here? */ 
        function myFunc(){ 
         /* do some calc using $scope*/ 
        } 
       }, 
       templateUrl: "..." 
      } 

      /** 
      * Assistant Functions 
      */ 
      /* Implement here? */ 
       function myFunc($scope){ 
        /* do some calc using $scope*/ 
       } 
     }]); 

Answer 1

あなたは一番下の関数を定義し、ちょうどその関数への参照を与え、それが元のために になるとき、その関数はすべての引数を受け取ることになりますことができます。

angular.module('exampleModule', []) 
    .directive('exampleDirective', ['$http', 
     function ($http) { 
      return { 
       restrict: 'EA', 
       scope: { 
        ... 
       }, 
       link: myFunc, // just the reference to the function to be invoked 
       templateUrl: "..." 
      } 

      //link function 
      function myFunc($scope, element, attr){ 
       /* do some calc using $scope*/ 
       $scope.someResult = calculateSomeResult($scope.someArg); 
       // use the sub function to perform calculation and give only required thing as argument, don't pass entire $scope 
      } 

      function calculateSomeResult(someArg) { 
       return someArg * 2; //here perform any calculation or anything. and return the result 
      } 
     }]); 

その不要あなたは常に匿名関数を渡す持っていることを、あなたは、任意の関数の参照を渡すことができ、その関数が呼び出されるとき、あなたの機能が不要に直接その引数を得ることができるので、それは3つの引数が与えられますスコープと機能の余分な層を作成します。