utilizzando un'espressione come questo sul attributo style funziona su Chrome, ma non funziona su IE8AngularJS espressione non lavorando all'interno attributo di stile su IE8
style="width:{{progress}}%"
http://jsfiddle.net/5VDMD/12/ (per testarlo si prega di digitare un numero nella casella di testo
Qualsiasi soluzione per questo problema?
ho fatta funziona in questo modo:
nel controller:
$scope.getStyle = function(progress){
return {
width: progress + "%"
}
}
nel codice HTML:
<div class="progbar" ng-style="getStyle(progress)"></div>
Per qualche motivo in IE Ho dovuto usare
ng-attr-style="{{METHOD_TO_RETURN_SOME_STYLE()}}"
Anche se il mio era in una direttiva sotto una ripetizione ng.
se l'uso a nessuno px anziché%, è necessario utilizzare questo
ng-style="{ width: progress + \'px\' }"
Penso che sarebbe più utile per theOP e altri utenti, quando aggiungi qualche spiegazione per la tua intenzione – reporter
ho dovuto usare ng-attr-style (anche se non ho bisogno di usare una funzione).
<div ng-attr-style="width: {{value}}%"></div>
Ecco un github discussion su questo problema.
Si consiglia di provare a utilizzare 'ng-style' invece. – Tosh
La soluzione era ng-style = "{width: propertyInScope + '%'}" grazie a David https://groups.google.com/forum/?fromgroups=#!topic/angular/Bb6087Gv284 – user1877925
Ecco il jsfiddle con la soluzione funziona bene su IE8 http://jsfiddle.net/5VDMD/15/ – user1877925