Animations in Angularjs?

We can perform hiding and showing div with the help of animations in angularjs.

Ex:

<style>

div {

  transition: all linear 0.5s;

  background-color: lightblue;

  height: 100px;

  width: 100%;

  position: relative;

  top: 0;

  left: 0;

}

.ng-hide {

  height: 0;

  width: 0;

  background-color: transparent;

  top:-200px;

  left: 200px;

}

</style>

<body ng-app=ā€¯AngMyApp”>

<h1>Hide the DIV: <input type=”checkbox” ng-model=”myCheck”></h1>

<div ng-hide=”myCheck”></div>

<script>

var app = angular.module(AngMyApp, [‘ngAnimate’]); </script>

Leave a comment

Your email address will not be published. Required fields are marked *