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

kikettas 发表于 Dev

踢

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

我正在开发一个带有“进度条”的测验，其中每个问题都有一个倒计时，但是当我更改路线时（当我继续处理其他问题时），进度条不再起作用，仅在第一个问题上有效。我花了很多时间来寻找解决方案，但还没有成功。:(

我读到我不得不使用指令来操作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);
    }

在第一个视图上，它可以完美工作，但随后却不能。

拉德佩特

使用https://github.com/angular-ui/ui-router，它使您有机会使用嵌套视图并共享父范围。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。