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中工作正常，但是在它没有做任何事情，只有这样才能让它工作是通过执行以下操作:(非动态）

 <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-style

控制器上的

：

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

和你的div：

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

动态css风格不工作ie？

1 个答案: