我可以在 Angular js 中的不同子控制器中使用相同的方法吗

Question

我想要运行特定子控制器中的功能。所有子控制器中都存在相同的函数名称。我的查询是如何从特定控制器调用函数

父控制器：

app.controller("parentctrl",function($scope){
$scope.clickfunc = function(){
 $scope.childmethod();
}
});

子控制器：

app.controller("childctrlone",function($scope){
$scope.childmethod= function(){
 alert(1);
}
});
app.controller("childctrltwo",function($scope){
$scope.childmethod= function(){
 alert(2);
}
});

我想从 childctrltwo

调用 $scope.childmethod()

Answer 1

您可以通过从父控制器广播事件并在子控制器中收听此事件来实现。（推荐）

app.controller("parentctrl",function($scope){
$scope.clickfunc = function(){
 $scope.$broadcast("callChildMethod",{child : 1});//1 if you want to call 1st child method or 2 if you want to call second child method
}
});
app.controller("childctrlone",function($scope){
$scope.childmethod= function(){
 alert(1);
}
$scope.$on("callChildMethod",function(event,args){
if(args.child == 1) $scope.childMethod()
})
});
app.controller("childctrltwo",function($scope){
$scope.childmethod= function(){
 alert(2);
}
$scope.$on("callChildMethod",function(event,args){
if(args.child == 2) $scope.childMethod()
})
});

其他方式（但不推荐）-

使用 $$childHead 或 $$childTail-

// will only work if app controller has only two childs in order
 app.controller("parentctrl",function($scope){
    $scope.clickfunc = function(){
      $scope.$$childHead.childMethod();// first child
      $scope.$$childHead.$$nextSibling.childMethod(); // second child
      $scope.$$childTail.childMethod()// second child
      $scope.$$childTail.$$previousSibling.childMethod()//first child
    }
 });

使用angular.element()

 app.controller("parentctrl",function($scope){
    $scope.clickfunc = function(){
      angular.element("#idofFirstChild").scope().childMethod();// first child
      angular.element("#idofSecondChild").scope().childMethod(); // second child
    }
 });

我可以在 Angular js 中的不同子控制器中使用相同的方法吗

can I use same method in different child controllers in Angular js

javascript

controller

parent

angularjs