internet-explorer-9 - IE9 中 ng-repeat 中 AngularJS 的问题

Question

Firefox 和 Chrome 的工作就像一个魅力，只有 IE9 又烦人了。我使用这些代码片段：

<div class="weekDays-sliders" fixed="0">
    <div class="weekDays-slider" style="left: {{30+($index*485)}}px;" ng-repeat="week in searchResult.weeks">
        <div class="weekDay" ng-repeat="day in week.days">
            <div class="weekDay-name">{{day.name}}</div>
            <div class="weekDay-date">{{day.date}}</div>
        </div>
    </div>
</div>

使用 {{30+($index*485)}} 我计算 div 的正确位置。他们都是并排的。问题是 IE 忽略了这一点。IE 甚至没有添加样式属性。（见屏幕）

这是什么问题，我该如何解决这些问题？

Answer 1

使用 ng-style 它可以按预期工作

ng-style="{'left': 30+($index*485)+'px'}"