Monday, 13 April 2015

ngClass animation



Create index.html


ANGULARJS ANIMATION(show and hide class)/add and remove class



Create index.html


simple calculator using angularjs



Create index.html


Friday, 10 April 2015

AngularJS Basic Examples


Example



Example AngularJS Expressions inside double braces: {{ expression }}.



AngularJS Applications



AngularJS Numbers



AngularJS Objects



AngularJS Arrays



Repeating HTML Elements



Looping with objects



AngularJS Filters/ discount calculator



$http is an AngularJS service for reading data from remote servers along with Tables Display with orderBy Filter

index.html



customers.php file


AngularJS Basic


  • AngularJS is a  JavaScript MVW framework.
  •  It assists with running single-page applications.
  •  Its goal is to augment browser-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.
  • AngularJS, a JavaScript framework developed by a Googler and supported by Google 
  • AngularJS takes declarative programming to whole new level. 
  • It adapts and extends traditional HTML to better serve dynamic content through two-way data-binding that allows for the automatic synchronization of models and views.

important-steps
 include Angular JS JavaScript in our HTML document.

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

Example


Output


IMPORTANT
  • The ng-app directive defines an AngularJS application.
  • The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
  • The ng-bind directive binds application data to the HTML view.