angularjs wyrażenie nie działa wewnątrz atrybutu stylu na IE8

Question

Użycie wyrażeń takich jak to w stylu atrybut działa w Chrome, ale nie działa na IE8

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

http://jsfiddle.net/5VDMD/12/ (przetestować to wpisz liczbę w polu tekstowym)

Jakiekolwiek obejście tego problemu?

Answer 1

Spróbuj

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

Answer 2

Zrobiłem to działa w ten sposób:

w kontrolerze:

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

w HTML:

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

Answer 3

Z jakiegoś powodu w IE Musiałem użyć

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

Chociaż moja była w dyrektywie pod powtórzeniem ng.

Answer 4

jeśli ktoś px stosowanie zamiast%, trzeba użyć tego

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

Answer 5

musiałem użyć ng-attr-style (choć nie trzeba używać funkcji).

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

Oto github discussion na temat tego problemu.