Javascript 角度计时器未显示值的角度ui引导progressbar

请帮忙。我刚刚失去理智

看

我有一个

，它将

秒

暴露到本地范围，并每秒更新一次，这非常好。大概是这样的：

<timer> {{seconds}} </timer>

<timer>
  <progressbar value="seconds"></progressbar>
</timer>

令我大吃一惊的是，这不起作用

所以，我继续思考了整整两天。这可能是因为我已经花了两天的时间来研究这个问题，我仍然不知道到底发生了什么。不管怎么说，我想“嘿，也许不知怎么的，

seconds

并没有真正暴露在示波器上，所以让我们看看它是否真的暴露在示波器上，好吗？好吧。”（也许自言自语没有帮助。）

因此，我开始输入这些内容：

<timer>
  {{seconds}}
  <progressbar value="seconds"></progressbar>
</timer>

{{秒}

他们在那里，在他们所有的荣耀中，秒。在我的页面上。只是不在我的酒吧里。在我想要的地方。当然

因此，

seconds

肯定会在作用域中公开

然后，我想“好的。秒在作用域上。也许progressbar有一个独立的作用域，它没有继承

Seconds

或其他什么。也许吧。但是不。我不认为是这样。那太有意义了。”

任何帮助都像是挫折沙漠中的绿洲。

它不起作用，因为它没有隔离秒对象，因此没有将其暴露在其范围之外，同时隔离值对象。
要使其在公共范围内工作，您可以使用计时器勾号事件，该事件根据计时器在上定义的时间间隔触发，并稍后注册到此事件

{{秒}
应用程序控制器（'customCtrl'，函数（$scope）{
$scope.$on（'timer-tick'，函数（e，val）{
$scope.timerSeconds=（数学地板（val.millis/1000））；
}); 
});

在这种情况下，您不需要使用progressbar指令，因为引导实现中没有javascript：

<timer start-time='start' end-time='end'">
   <div class="progress">
      <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:{{ 100 - (100 * millis/(endTime - startTime)) | number:0}}%;">
      </div>
   </div>
 </timer>

---

我怀疑进度条有一个独立的作用域，您正在运行所描述的原型继承。我也这么认为，但这是否意味着
$parent.seconds
可以工作？因为这也不起作用。我尝试在新控制器中的
seconds
上添加
$watch
，更新属性rty，然后使用它，但这也不起作用。我已经更新了以反映这些场景。另外，这意味着使用$interval设置$scope.value也不起作用。但它确实起作用。
<timer start-time='start' end-time='end'">
   <div class="progress">
      <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:{{ 100 - (100 * millis/(endTime - startTime)) | number:0}}%;">
      </div>
   </div>
 </timer>