我已经在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>
在页面上执行此操作后，我得到了滚动条，“ li”元素内的ng样式得到了正确显示，而“ ul”元素的ng样式没有得到正确显示。
我尝试了多种解决方案，甚至尝试从“ li”元素中添加相同的ng样式，但是它没有得到处理，也没有添加样式。
任何人都可以通过指出我的标记错误或一种导致Li元素工作的ng样式而另一种导致UL本身不工作的原因来帮助我吗？
我遇到的另一个问题是currentMargin的值未在IE8 / 9中更新，依此类推。
谢谢
ng-style接受一个计算为对象的Angular表达式。这意味着，如果您想在该表达式中使用变量，则可以直接使用它（不使用双重卷曲）：
ng-style="{width: liWidth + 'px'}"
当您想向接受字符串的参数（例如）插入动态插值时，使用双曲线<img alt="{{product.name}} logo">。然后，将表达式放在这些括号内。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句