css - 使用 ng-style 的 Angular 进度条返回

标签 css angularjs

我对 ng 风格和进度条有疑问

我正在使用来自以下链接的文件 uploader 模块:https://github.com/nervgh/angular-file-upload

问题是进度条随着动画返回而不是从 0 开始。

我检查了值,它确实从 0 开始,而不是进展到 100, 但进展看起来像是倒退了。

不知道我做错了什么,

如果你有任何想法,请与我分享。

我附上动画gif来展示场景

和我的 html 代码:

<div ng-if="item.progress <= 100" class="upload-progress-bar">
<div class="progress-bar" ng-style="{ 'width': item.progress + '%' }"></div>
</div>

enter image description here

我还尝试将 ng 样式移动到 Controller 上的函数,

或者像这样将 nt-init 添加到 html 中:

<div class="progress-bar" ng-style="{ 'width': item.progress + '%' }" ng-init="item.progress = 0"></div>

但并没有解决问题。

最佳答案

感谢您的帮助 该问题已通过删除

解决
track bv $index

来自 ng-repeat。

我不确定是什么原因导致了这个问题,但这已经完全解决了。

关于css - 使用 ng-style 的 Angular 进度条返回,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35745302/

相关文章:

css - 嵌套 DIV - 嵌套 DIV 不占用高度?

html - 无法将图像叠加在另一个图像上

javascript - AngularJS : Why ng-bind is better than {{}} in angular?

angularjs - Firebase 与 AngularFire

javascript - 是否可以在 AngularJS 中使用 ng-model 预填写表单?

javascript - 使用 jquery 克隆()一个 html 表及其所有数据,包括选择及其选项和输入

影响所有移动设备的 CSS 媒体查询

html - 是什么导致这些 html 超链接的高度与文本的其余部分不同?

angularjs - 带有依赖注入(inject)和缩小的 typescript 中的 angular.service

javascript - Ionic - 禁用 View 过渡动画,但仅适用于单个 View