javascript - 使用 AngularJS 将 $rootScope 中的函数分配给单击事件

Question

如何使用 $rootScope 运行此函数？
Fiddle

  <div ng-app="myApp" ng-controller="parentCtrl">
      {{test}}
      <div ng-controller="myCtrl1">
          <div ng-controller="myCtrl2">
              <a href="#" ng-click="value()">show me</a>     
          </div>
      </div>   
    </div>

这是我的 Controller :

angular.module('myApp', []).controller('parentCtrl', function($scope, $rootScope) {
    $rootScope.test = function() {
        alert("asdasd");
    }
});

angular.module('myApp').controller('myCtrl2', function($scope, $rootScope) {
    $scope.value = $rootScope.test();
});

页面刷新时会显示警报，但我想在 ng-click 时单击后显示它

Answer 1

如果要将 test 函数分配给 $scope.value，只需删除以下行中的 () 即可:

$scope.value = $rootScope.test;

参见the fiddle .