javascript – Angular ui-bootstrap进度条,其中angular-timer不显示值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular ui-bootstrap进度条,其中angular-timer不显示值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1467字，纯文字阅读大概需要3分钟。

内容图文

请帮忙.我出于理智而感到新鲜.

见codepen here for an example.

我有一个<计时器>从angular-timer开始,将秒数暴露给本地范围并每秒更新一次,这非常好.像这样的东西：

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

所以,我认为然后使用< progressbar>也是非常好的.从angular-ui-bootstrap中获取并更新每个tick的值.所以,我已经完成了这样的事情：

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

令我惊讶的是,这不起作用.

所以,我继续思考它似乎整整两天.那可能是因为已经有两天的时间了,我仍然不知道世界上到底发生了什么.无论如何,我认为“嘿,也许某种程度上秒不会暴露在范围内,所以让我们看看它是否,好吗？好吧.” (也许和自己说话没有帮助.)

所以,我继续输入这些东西：

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

在他们的荣耀中,他们就是秒.在我的页面上.只是不在我的进度栏中.我想要他们的地方.当然.

因此,秒数肯定会暴露在范围内.

然后,我认为“好吧.秒数就在范围内.也许进度栏有一个孤立的范围,不会继承秒或者其他东西.也许.但是没有.我不相信这种情况.这太有意义了.

任何帮助都会像是一片茫茫荒芜的绿洲.

解决方法:

它不起作用,因为< timer />不是隔离秒对象,因此不会将其暴露在其范围之外,而< progressbar />隔离值对象.
要使其与公共范围一起使用,您可以使用根据计时器定义的间隔触发的timer-tick事件 – 并在以后注册此事件
Updated codepan

<div ng-controller="customCtrl">
  <timer interval="1000">
    {{seconds}}
    <progressbar value="timerSeconds"></progressbar>
  </timer>
</div>

app.controller('customCtrl', function($scope) {
 $scope.$on('timer-tick',function(e, val) {
   $scope.timerSeconds = (Math.floor(val.millis / 1000));
 }); 
});

内容总结

以上是互联网集市为您收集整理的javascript – Angular ui-bootstrap进度条,其中angular-timer不显示值全部内容，希望文章能够帮你解决javascript – Angular ui-bootstrap进度条,其中angular-timer不显示值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端