Stable Directive
Class Overview
1 2 3 4 5 6 | class NgIf { constructor(_viewContainer: ViewContainerRef, _template: TemplateRef<Object>) ngIf } |
Selectors
[ngIf]
Class Description
Removes or recreates a portion of the DOM tree based on an {expression}.
If the expression assigned to ngIf
evaluates to a false value then the element is removed from the DOM, otherwise a clone of the element is reinserted into the DOM.
Example (live demo):
1 2 3 4 5 | <div *ngIf= "errorCount > 0" class= "error" > <!-- Error message displayed when the errorCount property on the current context is greater than 0. --> {{errorCount}} errors detected </div> |
Syntax
<div *ngIf="condition">...</div>
<div template="ngIf condition">...</div>
<template [ngIf]="condition"><div>...</div></template>
Constructor
constructor(_viewContainer: ViewContainerRef, _template: TemplateRef<Object>)
Class Details
ngIf
exported from @angular/common/index, defined in @angular/common/src/directives/ng_if.ts
Please login to continue.