How to design Single Page Application using AngularJS?

Single page application is a trick to show multiple pages without refreshing the default page. For an example let's discuss about a Corporate portal. Here we have various tabs like About Us, Contact Us, Services or Products. What we required is on click over above tabs we will show respective html pages in a div or span.

You must remember those days when the same we do using JavaScript innerHTML attribute. This problem was solved in AngularJS using ng-view & routing.

What is router?

In networking Router is a device which helps to route user requests respective of information. The same concept AngularJS router do. While user click on the tab it updated browser URL. Followed by this router routes ng-view to respective HTML page. Here ng-view work like a container. Look at this example http://jharaphula.com/example-of-using-angularjs-routing it will give you the basic idea how to design Single page application using AngularJS.

Would you like more examples in AngularJS. Learn AngularJS with examples here http://jharaphula.com/category/programming-solutions/learn-angularjs-with-examples



Happy Programming!