如何在AngularJS中顯示百分比文字進度條？

當我們上傳任何東西時，我試圖在我的頁面中包含百分比進度條。進度條工作正常，但問題是它沒有顯示百分比文本。它只是顯示％符號。誰能幫我這個。如何在AngularJS中顯示百分比文字進度條？

<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; 
     } 
    } 
}

來源

2017-09-04 Musheer Aiman

您在哪裏定義「uploadprogress」我認爲這應該是「uploadprogressartedit」 – jitender

@jitender ...我將「uploadprogress」更改爲「uploadprogressartedit」，但它的工作方式與以前一樣。 –

試試這個：

在你的HTML：

<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中動態調用返回值的方法時，它將在運行時綁定該值。您必須在任何返回uploadprogressartedit值的方法中進行uploadEventHandler進度計算。還要確保你創建的方法應該在範圍內定義。

來源

2017-09-04 06:47:02

如何在AngularJS中顯示百分比文字進度條？

回答

相關問題