How to stop rendering of DOM elements in ionic


How can i stop rendering of DOM elements in ionic. the condition ng-if just puts a hide class but actually renders the DOM behind. so for a looping case each time all the ng-if items are rendered and the satisfied condition is shown. thus slowing down the app . how can i totally stop rendering if the condition doesn’t satisfies ?? please help


ngIf removes the whole dom-node if it is not there. ngShow hides it only.

For long lists you can use collectionRepeat to minimize the list-nodes