角度时间进度条

Question

根据他们网页上的例子，我应该能够做这样的事情：

<timer countdown="30" interval="1000">
<div class="progress progress-striped active {{displayProgressActive}}" style="height: 30px;"> Remaining
time : {{countdown}} second{{secondsS}} ({{progressBar}}%). Activity? {{displayProgressActive}}
<div class="bar" style="min-width: 2em;width: {{progressBar}}%;"></div>
</div>
</timer>

但是，时间正在正确流逝，但进度条没有移动。 所以学徒displayProgress不会触发。

谁能帮我解决这个问题？

Answer 1

我从您的代码中了解到，displayProgressActive包含您要为某些条件触发的 CSS 类的名称，要使用 AngularJS 以干净的方式执行此操作，请使用 ng 类指令，如以下示例：

<div class="progress progress-striped active" ng-class="{'class-name': condition, 'class2-name: condition2}">....

因此，使用您的代码，您只需制作ng-class="{'class-to-trigger': displayProgressActive}"

哪个 displayProgressActive 是您从控制器管理的布尔值