动态 CSS 样式在 IE 上不起作用

Question

>我有一个简单的问题，即动态css设置无法正常工作：

我有这个代码：

 <div class="i-storage-bar-chart-bar-container">
                <div class="i-storage-bar-chart-bar"
                     style="height: {{(storage.totalStorage * 100) / model.maxStorageCapacity}}%">
                    <div class="i-storage-bar-chart-bar-inner"
                         style="height: {{(storage.usedStorage * 100) / storage.totalStorage}}%"></div>
                </div>

这种代码做了一个简单的图表，高度是我在大括号内告诉它的高度，这在 chrome 和 Firefox 中工作正常，但在 ie 中它什么都不做，让它工作的唯一方法是执行以下操作：（非动态）

 <div class="i-storage-bar-chart-bar-container">
                <div class="i-storage-bar-chart-bar"
                     style="height: 20%">
                    <div class="i-storage-bar-chart-bar-inner"
                         style="height:10%"></div>
                </div>

我该怎么做才能解决此问题，同时仍然保持动态发生？

Answer 1

你应该使用 ng 样式

在控制器上：

$scope.style = { 'height': (storage.totalStorage * 100 / model.maxStorageCapacity) + '%' }

在你的div 上：

<div ng-style="style"></div>