使用AngularJS將$ rootScope中的函數分配給click事件

Question

如何使用$ rootScope運行此功能？
小提琴

  <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>

這是我的控制器：

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;

見小提琴 。

Answer 2

您需要將$ scope.value設置為$ rootScope.test

將其設置為$ rootScope.test（）會調用該函數，並且實際上不會在$ rootScope中將值設置為對該函數的引用。

$scope.value = $rootScope.test

更新的小提琴