Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 动态css样式不适用于ie?_Angularjs_Styles - Fatal编程技术网

Angularjs 动态css样式不适用于ie?

Angularjs 动态css样式不适用于ie?,angularjs,styles,Angularjs,Styles,我有一个简单的问题,动态css设置不能在ie上正常工作: 我有以下代码: <div class="i-storage-bar-chart-bar-container"> <div class="i-storage-bar-chart-bar" style="height: {{(storage.totalStorage * 100) / model.maxStorageCapacity}}%">

我有一个简单的问题,动态css设置不能在ie上正常工作:

我有以下代码:

 <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中它什么都不做,唯一让它工作的方法是做以下事情:(非动态)


我能做些什么来解决ie的这个问题,并且仍然保持动态的东西发生?

您应该使用

在控制器上:

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

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


我忘了提到,它是在视图中重复的,没有办法只在视图端执行?我不喜欢整个设计,inDOM计算和inDOM json构建,在控制器上对重复数组中的每个元素都执行这两个操作,只分配每个元素的样式变量
<div ng-style="style"></div>