我使用Bootstrap来显示进度条。为了改变进度条中的值,我使用Angular 2属性绑定。
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" [attr.aria-valuenow]="progress" aria-valuemin="0" aria-valuemax ="100"
style="min-width: 2em;" [style.width]="(progress/100)*100 + '%'">
{{progress}}%
</div>
当我上传文件并在控制台日志中看到值时,变量进度将会增加。
this.service.progress.subscribe(
data => {
console.log('progress = '+data);
this.progress = data;
console.log(this.progress) ;
});
问题:上传进度条会显示0,然后在上传完成时显示100,但不会在中间显示其他值。请建议。