Support us .Net Basics C# SQL ASP.NET ADO.NET MVC Slides C# Programs Subscribe Buy DVD

AngularJS ui-router tutorial

Suggested Videos
Part 39 - AngularJS route change events
Part 40 - AngularJS optional url parameters
Part 41 - AngularJS route resolve



In this video 
1. I will provide an introdutcion to ui-router
2. Where to get ui-router module from and including it, in an angular application



What is ui-router
The UI-Router is a third party routing framework for AngularJS. It provides everything that the ngRoute module provides plus many additional features. These additional features are very useful for larger applications. We will discuss some of these additional features with examples in our upcoming videos.

ui-router implements routing based on the state of the application where as ngRoute implements routing based on the route URL. This means with ngRoute, views and routes are tied to the application URL where as with ui-router views and routes are not tied to the application URL, which means parts of the site can be changed even if the URL does not change. If this does not make sense at the moment, don't worry it will be clear in our upcoming videos in this series. Working with ui-router is similar to working with with ngRoute. 

CDN link for ui-router : At the following link you can find both minified and non-minified versions ui-router module file
https://cdnjs.com/libraries/angular-ui-router

There are 3 simple steps to include ui-router in your angular application
1. Reference the ui-router CDN link
2. Add ui.router as module dependency
3. Add ui-view directive in the layout page

In our next video, we will discuss configuring states for the sample application that we have been working with.

AngularJS tutorial for beginners

No comments:

Post a Comment

If you like this website, please share with your friends on facebook and Google+ and recommend us on google using the g+1 button on the top right hand corner.