angularjs - make an element with ng-if start hidden (prevent it from showing during page load) -

when want make start hidden ng-show can add class="ng-hide" css hide element beforehand. way element won't shown when page still loading

i want same thing using ng-if don't know how it

as michiel suggested, using ngcloak directive solution.
add ng-cloak class attribute of tag want keep hidden while application loading.

<div class="ng-cloak">test</div> 

for more details: https://docs.angularjs.org/api/ng/directive/ngcloak