AngularJS，在外部事件上重新初始化（更新页面）

Question

我有 angularjs 移动应用，打开聊天页面消息后加载：

myApp.controller('ChatControllerGlobal',function($scope,global) {
    $http({
      method: 'POST',
      url: serverURL+'&act=get_chat',
      withCredentials: true,
    }).then(function successCallback(data) {
        $scope.messages = data.data;
        $scope.loader = false;
        $scope.content = true;
      });

});

现在通过外部事件，我需要以某种方式重新初始化控制器（加载新消息）：

window.FirebasePlugin.onNotificationOpen(function(data) {
    // some code here to reload new chat messages
});

有没有什么不脏的方法来重新初始化控制器或调用控制器函数？

Answer 1

您可以从 Firebase 插件创建可注入服务。然后将该服务注入您的控制器，并调用一个函数来获取您的消息：

myApp
  .factory('firebase', function ($window) {
      return $window.FirebasePlugin;
  });

myApp.controller('ChatControllerGlobal', function ($scope, $http, firebase) {
  getMessages();

  firebase.onNotificationOpen(function (data) {
    getMessages();
  });

  function getMessages() {
    $http({
      method: 'POST',
      url: serverURL + '&act=get_chat',
      withCredentials: true,
    }).then(function successCallback(data) {
      $scope.messages = data.data;
      $scope.loader = false;
      $scope.content = true;
    });
  }
});

这样您就可以在单元测试中模拟firebase 服务。