twitter-bootstrap – 带有角度2的Bootstrap进度条

发布时间：2020-12-18 00:22:09 所属栏目：安全来源：网络整理

导读：我使用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-v

我使用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,它没有进展或显示在值之间.请建议.

解决方法

代码中没有问题.由于上传的文件很小,因此可以快速上传.当我上传一个更大的文件时,它按预期工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!