ビデオローディングメッセージ応答がバックエンドから来るまで

Question

ビデオUpload.js

var json = { 
        "request": { 
         "service":{ 
          "servicetype":servicetype, 
          "session_id": session_id 
         },  
         "data":{  
          "rolename":rolename 
         } 
        } 
       }; 


       FileService.uploadFile(json, file).then(function(res){ 
            console.log(JSON.stringify(res)); 

        if(res && res.status.code == 0) { 
         $scope.getVideo(res.data.mediaids[0]); 
         $scope.getAll(); 
        } else FlashService.Error(res.status.message, true); 
       }); 
      } 

ビデオHTML：

​​

私もsuccesfullのある私のバックエンドサービス要求を、使用して動画のアップロードを行っています。しかし、私のビデオサイズが大きい場合やインターネットが遅すぎる場合に問題が生じることがあります。それはちょうどアイドルです、そして、応答がバックエンドから来るまで、私はビデオロードのようなintimationかgifイメージをする必要があります。手伝いが必要。

Answer 1

あなたは、スピナーかどうかを表示するかどうかを示すためにこのような何かフラグを設定できます。

$scope.getVideo = function(id){ 
    $scope.displayLoadImage = true; // spinner flag 

    FileService.uploadFile(json, file).then(
    function(res){ // on success 
     // Do your onsuccess stuff here 
    }, function(error) { 
     // Do your onsuccess stuff here 
    }).finally(function()){ 
     // The finally statement is executed regardless of result 
     $scope.displayLoadImage = true; 
    }); 
} 

そして、どこかのhtmlで

<div ng-show="displayLoadImage">... display spinner...</div> 

を