javascript - Angular 1.5 UI 在用户再次输入之前不会更新

Question

所以我用 Signal R 和 Angular 构建了一个非常简单的聊天应用程序，但是我有一个问题，基本上 UI 不会更新，直到用户进行输入 IE 点击输入框或点击输入框或按下一个键

这是添加到留言板的功能之一

hub.client.broadcastMessage = function (message) {
    $scope.messageBoard.push(message)
    var element = document.getElementById('messageBoard')
    element.scrollTop = element.scrollHeight
}

这是网站http://coolkidschat.azurewebsites.net/Home (请原谅这个名字，只是突然想到的一些随机的东西)，如果您只是输入一条消息并按回车键，您会更容易看到发生了什么，您会发现直到您按下另一个键或点击开箱即用之前什么都不会改变。

我试过使用 $scope.$apply 但是那个 dosent 似乎无法做任何事情所以我已经删除了它

编辑:只是为了弄清楚消息是如何发送的。

用户输入消息 -> 发送到服务器 -> 服务器也发送所有客户端 -> Angular 将其附加到页面

编辑:还刚刚注意到我在上次发布时破坏了其他东西，不过现在可以工作了

Answer 1

$scope.$apply() 为我修复了它，它应该 - 您的代码在 Angular 的摘要周期之外执行。只需在该方法的末尾放置一个 $scope.$apply() 即可。在调试器中，这解决了我这边的问题。