Improve Angularjs performance by lazy loading accordion content

[Fasil kk]

I have some automatically generated accordion tabs(ng-repeat is used). Few other accordion tab inside all accordion. And there is a form in each tab.(6 time-pickers will be there in each form). But the problem is that, Application is getting very slow, when the number of forms are increasing. Is there any way to load accordion content only when that accordion is activated? Note: This is my first angular application. Apologize for all mistakes.

Plase check the demo. http://plnkr.co/edit/FcUZl7SzmxFkiqKPVIUT?p=preview

[Sander Elias]

Ho Fasil,

Have a look at ng-if. If you use this to 'hide' the content of your tabs, it is taken out of the DOM (probably the cause of your problem)

Regards

Sander