Question

私は何かをアップロードするときに私のページにパーセントの進行状況バーを含めることを試みています。プログレスバーはうまくいきますが、問題はパーセントテキストを表示していないということです。 ％記号を表示しています。誰もがこれで私を助けることができます。

<div class="col-md-12"> 
    <span ng-if="submittedArt && !myFile" class='erroMassge'>Please choose an image to upload</span> 
    <span id="percentage" ng-show="progressBarEdit">{{uploadprogress | number: 0}} %</span> 
    <md-progress-linear class="md-warn" md-mode="buffer" value="{{uploadprogressartedit}}" ng-show="progressBarEdit"></md-progress-linear> 
</div> 

Controller.js

uploadEventHandlers: { 
    progress: function(e) { 
     if (e.lengthComputable) { 
      $scope.uploadprogressartedit = (e.loaded/e.total) * 100; 
     } 
    } 
} 

Answer 1

これを試してください：あなたのコントローラで

<md-progress-linear class="md-warn" md-mode="buffer" value="{{showProgress()}}" ng-show="progressBarEdit"></md-progress-linear> 

：

showProgress:function(){ 
uploadEventHandlers: { 
    progress: function(e) { 
     if (e.lengthComputable) { 
      $scope.uploadprogressartedit = (e.loaded/e.total) * 100; 
     } 
    } 
} 
return $scope.uploadprogressartedit; 

} 

あなたのHTML内

を

値を返すhtml動的メソッドを呼び出すと、実行時にその値がバインドされます。 uploadprogressartedit値を返すメソッドで、uploadEventHandlerの進行状況を計算する必要があります。また、作成するメソッドをスコープで定義する必要があります。