2

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

我正在开发一个测验，它有一个“进度条”，每个问题都有倒计时，但是当我改变路线时（当我继续其他问题时），进度条不再起作用，只在第一个问题上。我花了很多时间寻找解决方案，但我还没有让它工作。:(

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

在第一个视图上它工作得很好，但后来却没有。

4

1 回答 1

0

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

于 2014-12-29T21:27:08.417 回答