web-dev-qa-db-ja.com

angularJSのコールバック内から$ scopeを更新します

このコントローラーがあり、関数コールバック内から_$scope.progress_を更新したいと思います。 _$rootScope_および$scope.apply()を使用してみましたが、機能しません。行方不明のものはありますか？

progressupdateは、イベントによって返される変数です。コードはこのように正確ではありません。ここでは、構造を示すために非常に単純にしました。

_app.controller('player', function($scope) {

    var show = function(url) {
        function(err, showOK) {
            if (err) {
                console.log(err);
            } else {
                showOK.on('listening', function(){
                     $scope.progress = progressupdate;
                });
            }
        });
    }

    show(url);

});
_

コントローラ内でその機能を誤って実行していますか？このようなものを使うべきですか？

_ $scope.show = function(url)...etc
_
javascriptangularjsscopeangularjs-scope
24
fmtoffolo

上記のスクリプトに$apply関数が表示されず、progressupdateも表示されません。設定後に$applyを試すか、$apply内に設定します。

showOk.on('listening', function(){
   $scope.$apply(function(){
      $scope.progress = progressupdate;
   });
});

または

showOk.on('listening', function(){
   $scope.progress = progressupdate;
   $scope.$apply();
});

最初の方法をお勧めします。

36
Iqbal Fauzi