2

私はAngularJSの世界に不慣れで、アプリでプログレスバーを使用したいときに非常に多くの問題を抱えています.

すべての質問にカウントダウン付きの「プログレスバー」を持つクイズを開発していますが、ルートを変更すると (他の質問に進むと)、最初の質問でのみプログレスバーが機能しなくなります。解決策を探すのに何時間も費やしましたが、まだ機能していません。:(

ディレクティブを使用して DOM を操作する必要があることを読みましたが (値と最大属性を変更する必要があるため)、テンプレートを更新できません... また、この 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