Progress Bar не работает после смены маршрута на AngularJS

Question

Я новичок в мире AngularJS, и у меня так много проблем, когда я хочу использовать индикатор выполнения в своем приложении.

Я разрабатываю викторину с «индикатором выполнения» с обратным отсчетом для каждого вопроса, но когда я меняю маршрут (когда я перехожу к другому вопросу), индикатор прогресса больше не работает, только на первом вопрос. Я потратил столько часов на поиск решения, и я пока не заработал. :(

Я читал, что я должен был использовать директивы для манипулирования DOM (потому что с мне нужно изменить значение и максимальные атрибуты), но я не в состоянии обновить шаблон ... Также я использовал этот ProgressBar (http://kimmobrunfeldt.github.io/progressbar.js/), но у меня такая же проблема

Любой бы знать, чтобы помочь мне

с уважением, Энрике

EDIT:.?. Это код:

(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, он дает вам возможность использовать вложенные представления и совместно использовать родительскую область.