Javascript 显示的角度引导进度条进度不正确

Javascript 显示的角度引导进度条进度不正确,javascript,angularjs,twitter-bootstrap,electron,angular-bootstrap,Javascript,Angularjs,Twitter Bootstrap,Electron,Angular Bootstrap,我在一个外部窗口上运行一系列模拟,每次模拟完成时,我在主窗口上增加一个进度值(所有事情都是通过IPC通信进行的) 整个机制工作得非常漂亮,进度条上方和内部的视图都是正确的,而进度条本身显示的区域很难看 以此为例(这是一个真实案例的屏幕截图): 该指令是: <uib-progressbar ng-if="typeof(progressMax) !== 'string'" class="progress-striped danger" max="100" value="pr

我在一个外部窗口上运行一系列模拟,每次模拟完成时,我在主窗口上增加一个进度值(所有事情都是通过IPC通信进行的)

整个机制工作得非常漂亮,进度条上方和内部的视图都是正确的,而进度条本身显示的区域很难看

以此为例(这是一个真实案例的屏幕截图):

该指令是:

<uib-progressbar ng-if="typeof(progressMax) !== 'string'" 
  class="progress-striped danger" 
  max="100" 
  value="progress*100/progressMax" 
  type="danger">
    <i>{{progress}} / {{progressMax}} ({{progress*100/progressMax}}%)</i>
</uib-progressbar>

{{progress}}/{{progressMax}}({{progress*100/progressMax}}%)
progressMax值在按下按钮时设置(因此,当显示progressbar时),并且进度从0开始并达到progressMax

正如视频中所示,转换是正确的,但是,很明显,progressbar似乎显示为90/1000而不是90/100

我正在使用Webpack和AngularJS(以及Babel)在ElectronJS项目上运行该功能,不确定这是否相关

我已经检查过其他类似的引导问题,但到目前为止没有一个能帮到我(而且,设置
max=“progressMax”
也不能很好地工作,并复制了相同的问题)。

我发现了问题

实际上没有任何代码相关:我的代码是正确的

问题是
{{progress}}
更新太快,因此视图没有足够的时间处理数据并进行更新

类似地,如果您完成一个progressbar,并且在很短的时间后将其进度设置为0,则可能会遇到另一个错误:您将看到该进度条正在倒退(从100到0),并且当
{progress}
满足当前的进度条状态时,最终将再次继续


简言之,解决方案是彻底改变数据收集率:我没有频繁增加进度值,而是将主线程设置为只发送100个数据包的收集,这样进度增加会更慢,因此视图将有足够的时间进行更新。

@isherwood:progress是9320,最大值是10000。其他示例:。值(老实说就是“进度”)大约每10到20毫秒更新一次。我想您已经掌握了
max
属性值。100似乎不正确。请尝试设置
max=“{{progressMax}}”
。也许这就是你的意思。@isherwood:setting max=“{{progressMax}}”抛出错误(
语法错误:从[{progressMax}}]开始的表达式[{{progressMax}}}]的第2列的标记“{”无效键。
),因为max在其中包含一个范围变量:即使将范围变量设置为100,我也会遇到同样的问题。是否存在可能出现的“动画”限制?变量“current”经常更新。