A demo of angular ngif directive

HTML Code

Output

<!DOCTYPE html>
<html>
<head>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>

<style>
.ngif_demo {
  margin-top:30px;
  display:block;
  background: #4C9B79;
  height: auto;
  width:300px;
  border-radius: 10px;
  padding:10px;
  font-size:15px;
  color:#fff;   
}
</style>
</head> 
<body ng-app="">

Show/Hide span element: <input type="checkbox" ng-model="shspan" ng-init="shspan = false">

<div ng-if="shspan">
<span class="ngif_demo">A demo of ng-if directive in AngularJS</span>
</div>


</body>
</html>

Show/Hide span element:

A demo of ng-if directive in AngularJS