angular - How to use if statement

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  showLoremIpsum:boolean = true;
}

app.component.html

<h2>Angular If Statement</h2>

<div *ngIf="showLoremIpsum">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Donec tincidunt est quam, nec hendrerit nisl laoreet laoreet.
</div>

More Angular tutorials

• angular - How to use if then condition
• angular - Multiple condition
• angular - How to use switch case default
• angular - How to use for loop
• angular material - How to use vertical Slider
• angular material - How to show thumb label in Slider
• angular material - How to get Slide toggle checked status
• angular material - How to change Badge size
• angular material - How to toggle Badge visibility
• angular material - Open Accordion multiple panels at once
• angular material - Icon inside Expansion Panel header
• angular material - How to use Accordion flat display mode
• angular material - Expansion Panel afterExpand & afterCollapse event
• angular material - How to use List
• angular material - Navigation list with button and icon