角度指示コンパイラがng-clickを2回起動しました

Question

私はテンプレートにaccordion指示文を使用しています。アコーディオンの内側には、要素にattrng-clickを追加しています。その要素をクリックすると、2回発生します。

フィドル：http://jsfiddle.net/Lvc0u55v/10071/

コード：

//accordion directive 
.directive('simpleAccordion', function($compile, $timeout) { 
    return { 
     restrict: 'AEC', 
     controller: function($scope) { 
      $scope.current = null; 
      $scope.height = []; 
      $scope.zero = { 
       height: 0 
      }; 
      $scope.toggle = function(i) { 
       $scope.current = $scope.current === i ? null : i; 
      }; 
     }, 
     link: function(scope, el, attrs) { 
      var itemSelector = '[item-selector]' || 'li', 
       titleSelector = '[title-selector]' || 'h2', 
       contentSelector = '[content-selector]' || 'div'; 
      $timeout(function(){ 
      var items = el[0].querySelectorAll(itemSelector); 
      for (var i in items) { 
       if (angular.isObject(items[i])) { 
       var title = items[i].querySelectorAll(titleSelector)[0]; 
       var content = items[i].querySelectorAll(contentSelector)[0]; 
       scope.height.push({ 
        'height': (content.offsetHeight + 10) + 'px' 
       }); 
       angular.element(items[i]).addClass('item').attr({ 
        'ng-class': '{\'open\':current == ' + i + '}' 
       }); 
       angular.element(title).addClass('title').attr('ng-click', 'toggle(' + i + ')'); 
       angular.element(content).addClass('content').attr({ 
        'ng-style': 'current == ' + i + '?height[' + i + ']:zero' 
       });; 

       } 
      } 
      $compile(angular.element(el).contents())(scope); 
      }); 
     } 
    } 
}) 

フィドル：http://jsfiddle.net/Lvc0u55v/10071/

Answer 1

デフォルトの角度によっては、ます、あなたのディレクティブのすべてのコンテンツをコンパイルし、そうしてあなたはリンク機能でコンパイルを呼び出し、NG-クリック二度コンパイルされる。

これらの現象を防ぐには、ターミナルとプライオリティattrsでコンパイルすることからhtmlを保護し、手動でコンパイルします。

変更ディレクティブの定義に：

{ 
.... 
terminal: true, 
priority: 1000 
... 
} 

と同じようにコンパイル呼び出し：このコードは、なぜおよび/またはどのようにこのコードは、質問はその長いが向上回答に関する追加のコンテキストを提供し、質問に答えるかもしれないが$compile(el, null, 1000);