garrettmac
6/24/2016 - 1:20 AM

animate.css on-click



ng-class="tadaONchange" <---use this on an item
<button ng-click="tadaOnChange()"class="button">tada</button>


$rootScope.tadaOnChange = function(){
console.log("$scope.tadaONchange: ",$scope.tadaONchange);
		$scope.tadaONchange = "tada";
		$timeout(function () {
			$scope.tadaONchange=''
			console.log("$scope.tadaONchange: ",$scope.tadaONchange);
		},1000)
};




.tada{
  -webkit-animation-delay:1s  !important;
-webkit-animation: tada  !important;
animation: tada  !important;
-webkit-animation-duration: 1s  !important;
animation-duration: 1s  !important;
}