Demonstrating the problem - http://plnkr.co/edit/GBuCj8uQkpm0H5yG3nGk?p=preview

Note that the directive HTML fragments are left in the DOM although on screen the directives appear as expected, although sometimes the order of the directives is mixed up. You can use your DOM inspector to see the junk directive fragments.

Delaying the application to scope of the initial array using a timeout results in expected behaviour in the DOM and on screen. Use of resolve in a route does not solve the problem.

The implications for the former problem are that classes are not applied correctly and order is not consistent.