gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 06:18:34 24 4
gpt4 key购买 nike

我对 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com