Angularjs Details

What is Angular JS ?

•AngularJS is a MVC framework and powerful library  that enhances HTML by attaching directives to html pages with new attributes or tags and expressions in order to define very powerful templates directly.
•(Extending HTML)•• Declare dynamic views in web-applications( SPA)••Extend HTML vocabulary for web application.
••Angular JS 1.3  - Faster , Easy and Powerful

Why Angular JS?

•Magical two way data binding

•Structure front end code -MVC (solid and testable code)

•Routing support ( State based  and View based) – SPA

•Templating done with HTML 5

•Enhanced User Experience with  form validation

•Teach HTML new  syntax with  directives ( say HTML 6)

•Embeddable, testable (Jasmine)  and injectable (DI)

•Embeddable à Angular with Require JS / jquery

•Powered by Google and active community

Single page application in angularjs

Step by step approach for creating a single page application using angularjs.

1.       Lets take the Index.html  as the master page and rest of the pages are child page.

You need to include all the resource file reference to that page only.

For single page application you need to include  angular-route.min.js along with angular.min.js.

In below code snippet we included the bootstrap also to make the application responsive.