A Responsive Blogger Website, That Take my blog to the next level.

I am a Software Developer, Learning and experementing with .Net Technology and try to put my Learning altogether here.


We have all sections related to .Net Technology, like .Net-C#, Asp.Net, MVC, jQuery, AngularJs, Sharepoint. Find out more...


Following are the some of the Advantages of using this Web site :-

  • Get Update about latest in .Net world.
  • Collection of Useful, Frequently used .Net Solutions.
  • It’s beautiful on every screen size (try resizing your browser!)
by

AngularJS ui-router tutorial


In this turorial

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-r outer
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 tutorial, we will discuss configuring states for the sample application that we have been working with.



0 comments :