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

时间:2014-12-29 19:06:49

标签: javascript angularjs rootscope

如何使用$ 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>

这是我的控制器:

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

之后单击后显示

2 个答案:

答案 0 :(得分:0)

如果您要将test功能分配给$scope.value,只需删除以下行中的()

$scope.value = $rootScope.test;

请参阅the fiddle

答案 1 :(得分:0)

您需要将$ scope.value设置为$ rootScope.test

将其设置为$ rootScope.test()会调用该函数,并且实际上并未将值设置为$ rootScope中对该函数的引用。

$scope.value = $rootScope.test

Updated fiddle