Question

我是AngularJS世界的新手，当我想在我的应用程序中使用进度条时，我遇到了很多问题。

我正在开发一个有进度条的测验＆＃34;每个问题的倒计时，但当我改变路线时（当我继续其他问题时），进度条不再工作，仅在第一个问题上。我花了这么多时间寻找解决方案，但我还没有让它发挥作用。：（

我读到我必须使用指令来操作DOM（因为我需要更改value和max属性）但是我无法刷新模板... 我也使用了这个ProgressBar（http://kimmobrunfeldt.github.io/progressbar.js/），但我遇到了同样的问题。

有人会知道帮助我吗？

此致恩里克。

编辑：这是代码：

（HTML）

<ion-view title="Test" hide-back-button="true" >
   <ion-content class="padding" scroll="false">
  ..
    <progress id="progressbar" value="20" max="100"></progress>
  ..
   </ion-content>
</ion-view>

（控制器）

var bar = document.getElementById('progressbar');
var loadCountdown = function() {
            $interval(function() {
                    bar.value = bar.value + 10;
            }, 1000, 15);
    }

在第一个视图中它完美无缺，但它没有。

Answer 1

使用https://github.com/angular-ui/ui-router，它为您提供了使用嵌套视图和共享父范围的机会。

在AngularJS上更改路线后，进度条不起作用

1 个答案: