AngularJS For Everyone Tutorial #16 - Client Side Routing with UI Router

Support Free Tutorials

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

[umuhamm]

Looking forward to more videos on ui-router!

[davidcoppus]

thanks for the explaining the ui-router stuff, btw nice break dance moves, man

[janithrandeniya]

Hey Scott, thanks for yet another video! Just wondering what theme/font you are using for Sublime? I wouldn't mind using it too!

[TuguldurBayarnyam]

Thank you so much! i learned alot from you.

[maximchernin]

hey LevelUpTuts, what is the equivalent of $location in ui-router?
i have a view which is loaded, then i have a login function which is executed, and than i have $location.path('/main'); - this worked in ngroute.
ill also mention that i have a main state defined
.state('/main', {
                templateUrl: 'app/views/partials/main.html',
                controller: 'mainPageController',
                controllerAs: 'mainPageCtrl'
            })

[rawn]

thank you thank you thank you thank you  so much @@@@ for your flawless vid :)

[damn]

thanks for the video mate, but one question though, what happend with the $scope ?

I see you are using this, instead

[TowfiqIslam]

why do you need a server when you are doing a client side routing ? please explain !!

[ramstein]

Do we need to loose time with angular 1.x?

[Halzholic]

How can you do conditional routing using ui-router?

I might just fall back to ngRoute.. can't stress enough how poorly documented ui-router is.

[syedfaizan]

anyway we can git rid of that pound symbol?