Angular.js - $ scope.variable不会自动更新

Question

我有以下代码

// Generated by CoffeeScript 1.6.3
(function() {
  "use strict";
  var chatModule;

  chatModule = angular.module('chatModule', ['diplomovaPraceFrontendApp']);

  chatModule.service('chatModuleService', function(UserService, socket) {
    var obj,
      _this = this;
    obj = {};
    obj.chats = [];
    obj.initiate = function(from) {
      if (!_.has(obj.chats, from)) {
        return obj.chats[from] = {
          messages: []
        };
      }
    };
    obj.logIncoming = function(data) {
      return obj.chats[data.from].messages.push({
        text: data.message,
        type: 'in'
      });
    };
    obj.send = function(chat) {
      return socket.emit('private-message', {
        to: chat.profile_hash,
        from: UserService.profile_hash,
        message: chat.message
      });
    };
    socket.on('private-message', function(data) {
      return obj.logIncoming(data);
    });
    return obj;
  });

  chatModule.directive('chat', function() {
    return {
      restrict: 'E',
      templateUrl: 'scripts/modules/ChatModule/chatModule.html'
    };
  });

  chatModule.controller('ChatCtrl', function($scope, chatModuleService) {
    $scope.send = function(chat) {
      return chatModuleService.send(chat);
    };
    return $scope.chats = chatModuleService.chats;
  });

}).call(this);

如果我没有弄错，当更改服务的值，分配给$scope时，它应该自动更新$scope的变量，从而更新相应的HTML。但这似乎并没有发生。

Answer 1

我自己解决了，问题是：

obj.chats = [];

应该是：

obj.chats = {};

最好的是控制台没有给我任何错误或线索。