Ng-repeat-start with Ng-repeat causes ng-class, etc to not work

[gelicia]

When an ng-repeat-start/end block is used with another ng-repeat then ng-class, ng-hide etc do not work on the ng-repeat-start block.

Plunkr is here : http://plnkr.co/edit/Hjqpqbuy0nhrTOmCjk36?p=preview

• ng-repeat-start (team level in the example)
  • Without ng-repeat: ng-class and ng-hide works
  • With ng-repeat: ng-class and ng-hide does not work
• ng-repeat (member level in the example)
  • Without ng-repeat-start: ng-class and ng-hide works
  • With ng-repeat-start: ng-class and ng-hide works

The workaround is using two ng-repeats, one on tbody to loop through the teams, then create the team row, then loop through the members to create the members rows.

[petebacondarwin]

Duplicate of #3104?

[rodyhaddad]

@petebacondarwin This one is a lot more complicated than #3104, maybe it's better to keep it open and close it once we're sure that it's fixed?

[petebacondarwin]

OK!

[jeffbcross]

The first problem I see is that ng-repeat-start is complaining that there's no matching ng-repeat-end. It stops complaining if you remove the ng-repeat of the second <tr>. This seems to be a problem in groupScan() in the compiler, which I'm looking into now.

[rodyhaddad]

@jeffbcross I'm guessing it's because of the transclusion. The element with ngRepeat gets replaced with a comment (<!-- ngRepeat : ... -->, and so ng-repeat-end can't be found.