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 甚至没有添加 style-attribute。 (见屏幕)

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

Answer 1

使用 ng 风格，它会像预期的那样工作

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