如何使用angularjs从另一个指令调用一个指令控制器函数

Question

  

在两个指令之间共享一个控制器时出错了   只是扔unidentifier error.i在下面提到，我的代码有什么问题。

我的指令代码：

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 example my-tabs换行my-pane（请参阅index.html标签）。