angularjs - 从 AngularJS 中的父 Controller 调用指令 Controller 的方法

Question

我正在使用 AngularJS，并且我有一个指令，它有自己的 Controller 。它继承了父 Controller 的范围。

例如，考虑以下情况:

function ParentCtrl() {
    $scope.aMethod = function() {
        // DO SOMETHING
    };
}

function ChildCtrl() {
    $scope.bMethod = function() {
        // DO SOMETHING ELSE
    }
}  

现在， $scope.aMethod ParentCtrl() 由 ng-click 指令触发。我想做的是调用 $scope.bMethod的 ChildCtrl()。我该怎么做？

编辑:更多信息。与 ParentCtrl 关联的模板有一个按钮和多个指令。每个指令加载具有不同输入集的表单。当点击ParentCtrl Template中的按钮时，指令会以 ng-switch on的方式依次加载。和 ng-switch-when .
当用户单击按钮时，属于指令的 ChildCtrl 旨在以各自的形式存储数据。
因此，当单击按钮时:
1. ChildCtrl 保存与已加载的当前指令关联的模型。
2. ParentCtrl 加载系列中的下一个指令。 ng-click绑定(bind)到与 ParentCtrl 关联的按钮。但是当单击该按钮时，ChildCtrl 还需要执行一些操作(保存表单数据)。如何做到这一点？

Answer 1

请看以下内容。

我正在使用 $broadcast 的概念.
我已经厌倦了复制您给出的场景，例如父 Controller ，带有自己的 Controller 的子指令等:

var animateAppModule = angular.module('animateApp', [])
animateAppModule.controller('tst', function($scope) {
  $scope.test = function() {
    $scope.$broadcast('clickMessageFromParent', {
      data: "SOME msg to the child"
    })
  }
}).directive('myDirective', function() {
  return {
    controller: function($scope) {

    },
    link: function($scope, element) {
      $scope.$on('clickMessageFromParent', function(scopeDetails, msgFromParent) {
        //console.log(msgFromParent)
        element[0].innerHTML = msgFromParent.data;
      })
    }
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller="tst">
  <input type="button" ng-click="test()" value="click" />
  <div my-directive="somvalue"></div>
</div>

JSFiddle