Angular JS - 잘못된 인수 오류 발생

Question

사용자 지정 지시문을 사용하려고 할 때 bag 인수 오류가 계속 발생합니다.

내 HTML :

<product-panels ng-controller="PanelController as panels"></product-panels> 

내 지시어 :

app.directive('productPanels', function(){ 
    return{ 
     restrict: 'E', 
     templateUrl: 'product-panels.html', 
     controller: function(){ 
      this.tab = 1; 

      this.selectTab = function(setTab){ 
      this.tab = setTab; 
      }; 

      this.isSelected = function(checkTab){ 
      return this.tab === checkTab; 
      }; 

     }, 
     controllerAs: 'panels' 
    }; 
}); 

내가 계속이 PanelController가 기능하지 않고 정의 될 것을 말합니다. 내가 어딘가에 이름을 짓지 않으면 그 이유가 아니야. 당신의 도움을 주셔서 감사합니다.

Answer 1

지시문이 컨트롤러를 소유하고 있으므로 지시문에 대한 html 호출에서 지시자를 선언 할 필요가 없습니다. panels.<whatever property/function you need>을 사용하면됩니다.

Answer 2

이미 HTML 경로가 포함되어 있습니다. 따라서 HTML에 ng-controller을 추가 할 필요가 없습니다.

<product-panels> 
    // Add HTML code here for which you want to use this directive 
</product-panels>