templates - navegadores - La expresión AngularJS no funciona dentro del atributo de estilo en IE8

angularjs publish

Question

Usar una expresión como esta en el atributo de estilo funciona en Chrome pero no funciona en IE8

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

http://jsfiddle.net/5VDMD/12/ (para probarlo, escriba un número en el cuadro de texto)

Cualquier solución para este problema?

Answer 1

Lo hice funcionar de esa manera:

en el controlador:

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

en el HTML:

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

Answer 2

Por alguna razón en IE tuve que usar

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

Aunque el mío estaba en una directiva bajo una repetición ng.

Answer 3

Tratar

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

Answer 4

Tuve que usar ng-attr-style (aunque no necesitaba usar una función).

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

Aquí hay una discusión de github sobre este tema.

Answer 5

si alguien usa px en lugar de%, debe usar esto

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