父指令访问子指令功能

时间:2014-10-23 09:22:46

标签: angularjs angularjs-directive

假设您有2个指令:

<navigation-extended>
    <navigation /> 
</navigation-extended>

navigation-extended html模板在div上使用transclude属性来插入基本导航。除此之外,navigation-extended还包含额外的html(导航控件)。

从父指令中访问子功能的最佳方法是什么?

我尝试过的事情:  -require - &gt;使用这个我能够从内部导航访问导航扩展方法,但不能反过来

2 个答案:

答案 0 :(得分:1)

Jest尝试这个简单的广播

function firstCtrl($scope)
{
    $scope.$broadcast('someEvent', [1,2,3]);
}

function secondCtrl($scope)
{
    $scope.$on('someEvent', function(event, mass) { console.log(mass); });
}

它会给你价值......

答案 1 :(得分:0)

我认为实现这一目标的最佳方法是使用$broadcast在父指令中触发事件,并使用$on在子指令中处理它,有关此检查的更多信息,请回答{ {3}}