基于ng-repeat项目数动态设置元素宽度

Question

我是使用AngularJS 1.4.x的新手。

<div class="colContainer" ng-repeat="item in betNumber" ng-style="{width:{{rowWidth(item.length)}} +'px'}"> 

当按下AddNumber球多于13时，我希望宽度大小可以调整大小。 这是我的希望

我希望可以动态更改div宽度的大小，如何让它工作正常？

这是我的希望http://plnkr.co/edit/t8bBjE?p=preview

Answer 1

您ng-style值更改为 {width:rowWidth(item.length) +'px'}。这应该工作。

ng-style指令将评估整个对象，这意味着它将使用$parse方法来评估表达式。所以你不必使用双曲花括号。