第二个控制器没有响应

Question

由于某种原因，第二个控制器没有从服务接收数据。 我正在尝试使用一个服务在两个控制器之间进行通信。

观点：

  <div class="btn-wrapper" ng-controller="FirstController">
    <a ng-href="" ng-click="doPath()" id="go" class="button">GO!</a>
  </div>

FirstController.js：

angular.module('app')
.controller('FirstController', function($scope, sharedService) {

    $scope.doPath = sharedService.searchPath;
});

共享服务：

angular.module('myServices', [])
.service('sharedService', function($rootScope) {
  this.searchPath = function() {
    console.log("I got the service!");
    $rootScope.$broadcast('Search', {
      data: 'something'
    });
  }    
});

还有 SecondController.js

angular.module('app')
.controller('SecondController', function(sharedService, $scope) {
    $scope.$on('Search', function(event, data){
      console.log(data);
      //this.search(); => I intent to run this function after this
    });
});

该事件由视图中的一个按钮调度，该按钮调用doPath() 函数。此函数与服务sharedService 进行通信，并显示消息“我得到了服务”。

但是，应用程序在此停止。 Service 和第二个 Controller 之间使用 $rootScope.$broadcast 的通信似乎没有发生（数据没有显示在控制台上，也没有任何错误）。

我在这里找到了一些解决方案。我已经尝试了所有答案，所以问题不一样，原因仍然无法正常工作。

编辑

ngRoute 在这里（app.js）：

angular.module('app', ['ngRoute', 'myServices'])
.config(function($routeProvider){

    $routeProvider
    .when('/', {
        templateUrl: 'views/main.html',
        controller: 'FirstController'
    })
    .otherwise({
        redirectTo: '/'
    });
});

Answer 1

正如大家所建议的，需要对第二个控制器进行“实例化”。

<div ng-controller="firstController">
    //code
</div>

<div ng-controller="secondController">
    //code
</div>

如上。

我知道您使用过“ngRoute”。在您更改视图之前，第二个控制器不会加载到“ngRoute”中，而在上面的代码中，两个控制器都在同一个视图中。这就是为什么上面的代码有效而 'ngRoute' 无效的原因。

Answer 2

SecondController 没有被 Angular 实例化，因为你只是从 html 中引用 FirstController。您需要根据您的应用程序使用父子关系或兄弟关系在同一个 html 上实例化 SecondController。