Skip to main content

angular - How to use if else condition

app.component.ts 

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

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

export class AppComponent {
  isError:boolean = false;
}
app.component.html 

<h2>Angular If Else Condition</h2>

<div *ngIf="isError;else lorem_ipsum">
    This document has error.
</div>

<ng-template #lorem_ipsum>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Donec tincidunt est quam, nec hendrerit nisl laoreet laoreet.
</ng-template>
More Angular tutorials
Labels: