Angular 1.5 UIがユーザーが別の入力を行うまで更新しない

Question

Signal RとAngularでかなり簡単なチャットアプリケーションを構築していますが、基本的にはUIが入力を行うまで更新されません。それからクリックするか、それが

ここでメッセージボードここ

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

に追加機能の一つであるウェブサイトhttp://coolkidschat.azurewebsites.net/Home（名前、心にpopedランダムなだけで何かを言い訳）であるのですキーを押しますメッセージを入力してEnterキーを押すだけで何が起こっているのかをはるかに簡単に確認できますあなたは別のキーを押すか、ボックスの外をクリックします。

私は$scope.$applyを使用してみましたが、私はそれを

編集を削除したので、それがdoign何かをBRに見えるdosent：ちょうどメッセージが送信される方法について、それを明確にします。また、ちょうど私が

ものの、今働いて、私の最後の公開に他の何かを壊した気づいた：> Serverに送信します - - - >サーバーあまりにもすべてのクライアントを送信>角度がページに追加し

編集

ユーザーは、メッセージを入力します

Answer 1

$scope.$apply()は私のために修正しています。あなたのコードはAngularのダイジェストサイクルの外で実行されています。その方法の最後に$scope.$apply()を置きます。デバッガでは、それが私の最後に問題を修正します。

Answer 2

現在のサイクル中または将来の時点で、$scope.$evalAsync()を使用してスコープで式を実行できます。したがって、試してみてください：

$scope.$evalAsync(function() { 
    $scope.messageBoard.push(message); 
});