Динамически задавать ширину элемента на основе количества элементов ng-repeat

Я новичок в использовании AngularJS 1.4.x.

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

когда нажмите AddNumber ball больше 13, я хочу, чтобы размер ширины мог изменяться. Это моя надежда введите здесь описание изображения

Я надеюсь, что можно динамически изменить размер ширины div, как заставить его работать нормально ???

Это моя надежда http://plnkr.co/edit/t8bBjE?p=preview


angularjs ng-style ng-repeat
person Duke    schedule 10.07.2015    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Измените значение ng-style на {width:rowWidth(item.length) +'px'}. Это должно сработать.

Директива ng-style будет оценивать весь объект, что означает, что он будет использовать метод $parse для оценки выражения. Таким образом, вам не нужно использовать двойные фигурные скобки.

person Qi Tang    schedule 10.07.2015
comment
Если вы считаете, что этот ответ решил вашу проблему, примите мой ответ. Спасибо. - person Qi Tang; 10.07.2015
comment
Большое спасибо, отличный ответ - person Duke; 11.07.2015