スコープ変数の変更後にビューが更新されないangle js

Question

これはサーバーからデータを取得するためのコードです。

sampleApp.controller('OfferController', function ($scope, $state) { 

    var offersRef = firebase.database().ref('offers'); 
    $scope.offers = []; 

    offersRef.on('value', function(snapshot) { 
     $scope.offers = snapshot.val(); 
     //$state.go($state.current, {}, {reload: true}); 

    }); 
}); 

最初に$ scope.offers = [];空です。それはここでいっぱいになっています。 $ scope.offers = snapshot.val（）;

ビューは更新されていません。同じページに何かボタンや何かをクリックしたり、同じページに戻って来たりする。その更新されている。

データが利用可能になるとすぐに更新されないのはなぜですか？直し方？

Answer 1

値を設定した後にバインディングを更新するように値を設定した後、$scope.$apply();を呼び出してください。

$scope.offers = snapshot.val(); 
$scope.$apply();