make an element with ng-if start hidden (prevent it from showing during page load)
<p>When i want to make something start as hidden with <code>ng-show</code> you can just add <code>class="ng-hide"</code> so the css will hide the element beforehand. This way an element won't be shown when the page is still loading</p>

<p>I want to do the same thing using <code>ng-if</code> but i don't know how to do it</p>