Выражение AngularJS не работает в атрибуте стиля в IE8

Использование такого выражения в атрибуте style работает в Chrome, но не работает на IE8

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

http://jsfiddle.net/5VDMD/12/ (для его проверки введите номер в текстовом поле)

Любое обходное решение для этой проблемы?

Try

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

Мне пришлось использовать ng-attr-style (хотя мне не нужно было использовать функцию).

<div ng-attr-style="width: {{value}}%"></div>

Вот обсуждение github об этой проблеме.

Я сделал это так:

в контроллере:

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

в HTML:

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

По какой-то причине в IE мне пришлось использовать

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

Хотя мой был в директиве под ng-repeat.

Если кто-то использует px вместо%, вы должны использовать этот

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