AngularJS ui router tutorial

angularjs routing tutorial for beginners
angularjs routing tutorial video
angular ui router tutorial
angularjs ui routing tutorial

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

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

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

There are 3 simple steps to include ui-router in your angular application
1. Reference the ui-router CDN link
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.

Link for all dot net and sql server video tutorial playlists

Link for slides, code samples and text version of the video

[xinglee]

great viedo, thank you so much Venkat! you are awesome!

[MissionVivekananda]

Thank you so much... This is easily undestandable, will follow the series and the tutorials! Thanks again!

[_dolmeng_]

thank u 4 ur effort! it's very helpful

[jfamily]

u r amazing venkat. I learnt angularjs from your only channel. kudos to u.you are incredible.

[soberlystoned]

Hi, even after addinig the same link/reference, in an HTML, while using<ui-view> i am gettin error:"unknow element, can no tbe placed here". Please help what am i missing

[ievgengolskov]

thank u so much from Ukraine. u help me a lot

[persistencej]

Your Tutorials are so helpful to the beginners ... Thanks a lot Venkat!

[basheeral-momani]

hello Mr. Venkat K.
can you please make videos series about asp.net core and bower
thank a lot for your help and support

[girishtirumalasetti]

Great work Venkat ! superb style of explanation of concepts with simple examples. I love this angular learning from your channel.

[Wingloader]

Hi Venkat


I updated the module to reference ui.router
var myApp2 = angular
.module("myModule2", ["ui.router"])

When I refresh the page, it works great. It seems like the cdn link is not resolving prior to my scripts.js file initializing. Any ideas?

Thanks!
Joe

[sijimathew]

Thank you for starting such a great tutorial video series.. :))

[sridharbelide]

please prepare a tutorial on node.js and express.js

[malmahsyar]

i learn a lot from this channel.
best tutorial so far
thank you sir.. :D

please make tutorial about node.js
please please please

[marwabenissa]

Thanks A lot i'm waiting for your next great video about configuring States, and please mention how we can make state for editing pages,
Regards

[daniaasgari]

Hi Venkat, Thanks a lot for your tutorials they are really useful. I have a question about using ui-router. I'm working on an application which has many pages and every page has many tabs in it, with using ui-router my modul.config is goning to be very long and hard to maintane. I wonder if this approach is good for my app? if not what is the best approach?
Thanks alot,
Dania

[mga]

Hello Venkat ! I asked u two topics the first one u replied and u said it's important topic but since then u did not make any video about it :( it's dependency injections !! the second topic I asked u few weeks ago and i copy it and paste here please reply me ! I cant learn from others only u can make it good here is the second message : I wish everything is good with you :) I watched some basic C# courses you
made and I have seen some other courses and noticed most of them for absolute
beginners, my question is do you have any courses like the intermediate level ? I mean I have been trying to wrap my mind about topics in the 70-483 exam and some topic is really hard to find as intermediate level just like security for example .. like cryptography
symmetric and asymmetric encryption, encryption in the .NET, another thin like debugging application according to the exam, Threading and so on.I mean there is really big gap in the resources on the internet it's either for very beginner or for the very advanced :/ even the topics I mentioned I tried to look at it in some books but man ! it's really for very advanced programmers ;( I mean I could not understand nothing even the example ! I could not understand nothing at all, I really wish you can help in this or at least suggested me good books for intermediate level and it can make sense in providing the topics.I have exam ref 70-483 book and I have C#5.0 in nutshell book and I really find it difficult to benefit from those books in specific topics, I wanted to try to take the exam I mentioned so it might help me to get a job as beginner but so far some topics are really big obstacles and it's really causing confusion in the whole thing for me.I'm looking forward Sir to receive your reply.