基於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方法來評估表達式。所以你不必使用雙曲花括號。