Встроенная ширина не работает в IE при связывании с AngularJS

Question

0

Я создал jsfiddle, чтобы проиллюстрировать проблему.

Если у меня есть следующий HTML:

<div id="div1">
    <div id="div2">Test</div>
    <div id="div3" style="width:{{progress}}%;"></div>  
</div>

где, например. $scope.progress = 50; , он правильно отображает ширину в FF и Chrome, но в IE ширина всегда 100%;

im1dermike 01 июль 2015, в 22:55

Теги:

internet-explorer

1 ответ

Johnny Ha · Accepted Answer · 2015-07-01T17-45-00.000Z

Попробуйте использовать ng-стиль:

<div id="div3" ng-style="{'width': progress + '%' }"></div>

Потрясающие! Спасибо! Интересно, как это работает в FF / Chrome, но не в IE ...
Вы можете прочитать больше об этом в этом выпуске: github.com/angular/angular.js/issues/2186