Push rows in a table rendered with ng-repeat in angular

Question

I want to push in an extra row inline in a table when the client clicks on the row. The data should not be prefetched, since I expect there to be at most 30 rows but where each

Answer 1

I think a possible solution could be http://jsfiddle.net/HByEv/2/.

There is also an alternative for the "No players" message commented in the fiddle if you want to also get rid of the extra .

Edit:

As pointed in the comments, in AngularJS 1.2+ you can now use ng-repeat-start and ng-repeat-end to solve this problem.

Jossef Harush provided a fiddle: http://jsfiddle.net/3yamebfw/