Угловая время прогресс бар

Question

Согласно примеру, на их веб-страницы я должен быть в состоянии сделать что-то вроде этого:

 <timer countdown="30" interval="1000"> 
     <div class="progress progress-striped active {{displayProgressActive}}" style="height: 30px;"> Remaining 
      time : {{countdown}} second{{secondsS}} ({{progressBar}}%). Activity? {{displayProgressActive}} 
      <div class="bar" style="min-width: 2em;width: {{progressBar}}%;"></div> 
     </div> 
    </timer> 

Однако время бежит вниз правильно, но индикатор не движется. так что displayProgress не срабатывает.

Может ли кто-нибудь помочь мне с этим?

Answer 1

я понял из вашего кода, который displayProgressActive содержит имя класса CSS, который вы хотите, чтобы вызвать какое-то условие (ы), чтобы сделать это в чистом виде с AngularJS, используйте директиву нг-класс как в этом примере:

<div class="progress progress-striped active" ng-class="{'class-name': condition, 'class2-name: condition2}">.... 

Так с кодом просто сделать ng-class="{'class-to-trigger': displayProgressActive}"

которого displayProgressActive является логическим значением, которое вы управляете из контроллера