The latest articles on DEV Community by Mustafa Omran (@mustafa-omran). https://dev.to/mustafa-omran https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F329289%2F8da07c6a-1cb1-430f-96f4-f9ab8f4a2f45.jpeg https://dev.to/mustafa-omran en Mustafa Omran Sun, 20 Feb 2022 10:52:03 +0000 https://dev.to/mustafa-omran/how-to-use-ngif-else-in-angular-2-4bgb https://dev.to/mustafa-omran/how-to-use-ngif-else-in-angular-2-4bgb <h2> Use <code>*ngIf</code> Directive with <code>ng-template</code> associated with reference <code>#refernece_name</code> </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;section *ngIf="isAllowed else otherSection"&gt; Allowed Section &lt;/section&gt; &lt;ng-template #otherSection&gt; &lt;section&gt; Other Section &lt;/section&gt; &lt;/ng-template&gt; </code></pre> </div> angular typescript