Javascript 使用角度ng样式时出现问题，在IE中未更新

我在Angular中创建了一个简单的指令，它生成一个滚动条来显示一些产品

我对代码的一部分有问题

            <ul ng-style="{'margin-left':{{currentMargin}}+'px'}">
                <li ng-repeat="tyre in tyres" ng-style="{'width':{{liWidth}}+'px'}">
                    <div class="imageContainer"><img src="../Images/eutl/{{tyre.image}}"/></div>
                    <div class="details">
                        <h3>{{tyre.name}}</h3>
                        <a href="{{tyre.link}}">About this tire</a>
                    </div>
                </li>
            </ul>

and this is what it looks like in the browser once executed
<ul ng-style="{'margin-left':0+'px'}">
<!-- ngRepeat: tyre in tyres -->
<li ng-repeat="tyre in tyres" ng-style="{'width':265+'px'}" class="ng-scope" style="width: 265px;">
    <div class="imageContainer"><img src="../Images/eutl/tire.jpg"></div>
    <div class="details">
        <h3 class="ng-binding">Fuel Efficient</h3>
        <a href="#">About this tire</a>
    </div>
</li>
<!-- end ngRepeat: tyre in tyres --></ul>

{{tyre.name}


这就是它在浏览器中执行后的样子

在我的页面上执行此操作后，我得到了滚动条，“li”元素中的ng样式得到了正确显示，而“ul”的ng样式没有得到正确显示

我尝试了多种解决方案，甚至尝试从“li”元素添加相同的ng样式，但它没有得到处理，也没有添加任何样式

有谁能帮我指出我的标记中的一个错误，或者一个ng风格处理Li元素而另一个不处理UL本身的可能原因吗

我遇到的另一个问题是currentMargin的值没有在IE8/9中更新，以此类推

谢谢

试着做：

ng-style="{'width':liWidth+'px'}">

---

没有花括号，很多ng指令都不喜欢它

ng样式

接受计算结果为对象的。这意味着，如果要在该表达式中使用变量，可以直接使用它（无需双卷曲）：

双卷曲用于向接受字符串的参数插入动态插值，如

。然后将表达式放在这些括号内

ng-style="{width: liWidth + 'px'}"