アプリが最初に読み込まれたときに得た応答に基づいて、幅の ng-style 属性を更新しようとしています。現在、必要なデータ (カウント) を取得できますが、このカウントを進行状況のスタイルにもバインドしようとしています。
今私は持っています:
<div class="bar-warning" ng-style="{width: 20+'%'}"></div>
<div class="bar-success" ng-style="{width: 43+'%'}"></div>
これは静的なものであり、これを使用してカウントを表示しています:
<span class="submitCount">{{getTaskCount("VIEW")}} Complete</span>
<span class="reviewCount">{{getTaskCount("REVIEW")}} IN REVIEW</span>
<span class="todoCount">{{getTaskCount("PROVIDE") + getTaskCount("SIGN")}} TO DO</span></p>
だから私はこのようなことを試してみたい:
<div class="bar-warning" ng-style="{width: {getTaskCount("VIEW")*10}+'%'}"></div>
css width プロパティを調整するために使用される 32% または 58% のような幅を取得できるようにします。
これには多くの機能がバインドされているため、このような ng-style を更新するための適切なソリューションがあるかどうか疑問に思っているだけです。どんな助けでも大歓迎です。