Angular NgIf Example | NgIf Directive In Angular 9/8

By Hardik Savani | March 30, 2020 | Category : Angular

Hi Dev,

In this article we will cover on how to implement angular ngif condition example. In this article, we will implement a ngif condition in angular example.

if you have question about ng if condition in angular then i will give simple example with solution. you will learn *ngif condition in angular example.

This article will give you simple example of ngif condition in angular. You can easily use ng if in angular 6, angular 7, angular 8 and angular 9 example.

Let's see bellow examples one by one.


import { Component } from '@angular/core';


selector: 'my-app',

templateUrl: './app.component.html',

styleUrls: [ './app.component.css' ]


export class AppComponent {

isShow: boolean = true;



<h1>Angular ngIf else Example -</h1>

<p *ngIf="isShow">Show this only if "show" is true</p>

I also posted for ng if else condition in angular. so visit on bellow link:

ngIf Else Condition in Angular

I hope it can help you...

Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: