toArray doesn't work fine with ui.bootstrap ?

[raczynskil]

Hello guys, Can you tell me what I'm doing wrong that ui.bootstrap + groupBy + toArray don't work together ?

Examples: http://plnkr.co/edit/G6sHrEHQIGVBwzolxlYb?p=preview

[tarlepp]

I have same problem, does anyone know solution for this?

[forrestab]

I am having the same problem, though mine deals with a dropdown in an ngRepeat using toArray. I believe toArray is causing ngRepeat to constantly update (almost like an infinite loop). I only say this because I can open chrome dev tools and see the table rows constantly being recreated (its even slowing down other animations on the page).

[mukgupta]

Have a similar problem. Agree with @forrestab

[a8m]

Looks like the issue is resolved in v0.5.6. I'm closing it. If there's still any problem, do not hesitate to reopen.

Thanks.

[cjwebdev]

Thanks @a8m,

It is sort of working now, but the collapse action still seems buggy.

In your JSBin, the non-toArray example works perfectly every time. But if you click around the toArray example for a while it definitely seems buggy.

[jschuler]

Hi, This still is buggy in v0.5.8 http://plnkr.co/edit/3YoIOChUnxmghFlKtPZT?p=preview

Thanks

[forrestab]

Looks like the "infinite loop" issue has been fixed, though clicking on a dropdown still seems to cause ngRepeat to update. I am seeing the same results as @jschuler's plnkr.

[Badisi]

Same here. Simply using ng-click causes ng-repeat to update and makes the ui behaves badly. +1 for any help Thanks

<section ng-repeat="group in data | groupBy:'groupName' | toArray:true">
    <button ng-repeat="item in group" ng-click="select(item)">
        {{ item.name }}
    </button>
</section>