templates - AngularJS 式が IE8 のスタイル属性内で機能しない

Question

style 属性でこのような式を使用すると、Chrome では機能しますが、IE8 では機能しません

style="width:{{progress}}%"

http://jsfiddle.net/5VDMD/12/ (テストするには、テキストボックスに数字を入力してください)

この問題の回避策はありますか?

score 13 · Accepted Answer

私はそれをそのように機能させました：

コントローラーで：

$scope.getStyle = function(progress){
    return {
        width: progress + "%"
    }
}

HTMLで：

<div class="progbar" ng-style="getStyle(progress)"></div>

score 4 · Accepted Answer

何らかの理由でIEで使用する必要がありました

ng-attr-style="{{METHOD_TO_RETURN_SOME_STYLE()}}"

私のものはng-repeatの下のディレクティブにありましたが。

score 0 · Accepted Answer

% の代わりに px を使用する場合は、これを使用する必要があります。

ng-style="{ width: progress + \'px\' }"

5 に答える 5