2

angularJS値（0〜100）で設定された幅で2つのdivを作成しようとしているので、これを行いました：

<span class="green" ng-style="{width: '{{videoRating}}%'}"</span>
<span class="red" ng-style="{width: '{{100-videoRating}}%'}"></span>

ただし、幅は videoRating の初期値で計算されます。その値を変更しても、スタイルは更新されません。

これを行う方法に関する提案はありますか？

追加しようng-cloakとしまし$scope.$apply()たが、運がありません

4

1 に答える 1

5

ng-style は{{}}補間ディレクティブを使用しないでください。そこで直接スコープ変数を使用できます。

マークアップ

<span class="green" ng-style="{width: videoRating + '%'}"</span>
<span class="red" ng-style="{width: (100 - videoRating) + '%'}"></span>
于 2015-04-29T13:43:49.763 に答える