如何從另一個指令使用angularjs調用另一個指令的一個指令控制器功能

Question

我在兩個指令之間共享一個控制器時出錯，它只是拋出未標識的錯誤。我在下面提到，我的代碼出了什麼問題。

我的指令代碼：

gateApp.directive('parentctrldir', function(){ 
    return{ 
     restrict : 'E', 
     link : function(scope, elem, attrs){ 

     }, 
     controller : function($scope){ 
      this.callfunction = function(){ 
       alert('hi uu'); 
      } 
     } 
    } 
}); 
gateApp.directive('derivedctrldir', function(){ 
    return{ 
     restrict : 'E', 
     require : '^parentctrldir', 
     link : function(scope, elem, attrs, parentctrldirController){ 
      parentctrldirController.callfunction(); 
     }, 

    } 
}); 

我.gsp頁：

<parentctrldir></parentctrldir> 
<derivedctrldir></derivedctrldir> 

Answer 1

你應該在你的HTML嵌套結構：

<parentctrldir> 
    <derivedctrldir></derivedctrldir> 
</parentctrldir> 

AngularJS examplemy-tabs換行my-pane（請參閱index.html選項卡）。