AngularJS ng-If Directive

The AngularJS ng-if directive is used to completely removes and recreates the element in the DOM if condition meet.

Syntax

<div ng-if="checked">
</div>

AngularJS ng-If Directive Example

<html ng-app>
<head>
<title>My first AngularJS code</title>
<Script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">
</Script>
</head>
<body>
Click Me <input type="checkbox" ng-model="checked" ng-init="checked=true" /><br/>
<div ng-if="checked">
  This will remove when button clicks!
</div>
</body>
</html>

See Live Example

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

Angularjs Tutorials

Angularjs References

Angularjs Examples

AngularJS ng-If Directive

AngularJS ng-If Directive Example

Recent Articles