Try it Yourself: AngularJS Directives

AngularJS Directives

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

<div ng-app="" ng-init="loggedIn=false">
  <input type="checkbox" ng-model="loggedIn"> Logged in
  <p ng-if="loggedIn">Welcome back!</p>
</div>

</body>
</html>

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

<div ng-app="" ng-init="loggedIn=false">
  <input type="checkbox" ng-model="loggedIn"> Logged in
  <p ng-if="loggedIn">Welcome back!</p>
</div>

</body>
</html>