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>