AngularJs Tips & Tricks

When using AngularJs you might encounter "flickering" of html-elements that should be visible later on, when the page loads.
A couple of things that might help:
1: Load Angular in the head section.
2: Use the ng-cloak directive and the ng-cloak css class
3:

<style type="text/css">  
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }
</style>  

If the flickering occurs when you also use ng-show / ng-hide on the same element, you can try using the ng-hide css-class. The element will be hidden, until the ng-show / ng-hide directive shows it.