javascript - 如果没有用户交互，AngularJS 目录不会更新

Question

我正在开发一个需要聊天功能的应用程序。除了为了更新聊天消息列表之外，它似乎还可以工作，我必须执行一个操作，例如在搜索框中键入或单击“发送”按钮。聊天通过 websocket 服务接收消息(该服务工作正常)。所以看起来目录的 DOM 在交互之前没有更新。我也尝试过将所有内容放入没有目录的情况下，但它仍然无法正常工作。

我无法在 JSFiddle 上复制此问题(我无法包含所有代码，但其工作所需的基础就在那里)。

我正在寻找关于为什么会发生这种情况的想法。这可能是事件范围的问题吗？还有 WebsocketManagerService、P2PManagerService 和 ConnectionManagerService(这连接 WS/P2P 服务)，但我认为它们不相关。

发送聊天消息:

EventManagerService.emit('chat message', 'some message');

接收聊天消息:

EventManagerService.on(EventManagerService.EVENTS.RECEIVED_CHAT_MESSAGE, function (data) {
    $scope.chatMessages.push({user: 'Client', message: data});
});

http://jsfiddle.net/Iber/6qkdnv3w/

Answer 1

我相信您的模型没有更新。

尝试这样做:

EventManagerService.on(EventManagerService.EVENTS.RECEIVED_CHAT_MESSAGE,      function (data) {
$scope.chatMessages.push({user: 'Client', message: data});
if (!$scope.$$phase) $scope.$apply()
});

可能有更好的解决方案，但这需要重做大量当前代码。