AngularJS expression ne fonctionne pas dans l'attribut style sur IE8

L'aide d'une expression de ce genre sur l'attribut de style fonctionne sur Chrome, mais ne fonctionne pas sur IE8 

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

http://jsfiddle.net/5VDMD/12/ (pour tester, s'il vous plaît tapez un nombre dans la zone de texte)

Aucune solution de contournement pour ce problème?

InformationsquelleAutor Christian Quirós | 2012-12-05
  1. 57

    Essayer

    ng-style="{ width: progress + '%' }"
    • Merci!!!! C'est la meilleure réponse.
    • J'ai besoin des guillemets simples autour de la propriété css Angulaire de 1,5, comme suit: ng-style="{ 'width' : progress + '%' }"
    InformationsquelleAutor Aleksandr Sabov
  2. 26

    J'ai eu à utiliser ng-attr-style (même si je n'ai pas besoin d'utiliser une fonction).

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

    Ici est un github discussion sur ce problème.

    InformationsquelleAutor Jason
  3. 13

    Je l'ai fait travailler de cette façon:

    dans le contrôleur:

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

    dans le code HTML:

    <div class="progbar" ng-style="getStyle(progress)"></div>
    InformationsquelleAutor user2106730
  4. 4

    Pour quelque raison dans IE j'ai eu à utiliser 

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

    Si la mienne était dans une directive en vertu d'une ng-repeat.

    InformationsquelleAutor Brandon.Staley
  5. 0

    si quelqu'un utiliser px au lieu de %, vous devez utiliser cette

    ng-style="{ width: progress + \'px\' }"
    • Je pense qu'il serait plus utile pour thep et d'autres utilisateurs lorsque vous ajoutez quelques explication pour votre intension
    InformationsquelleAutor Alamgir