ui-router :-

1 Router is playing important role in Single Page Application (SPA). It is getting & applying the Partials/Views/Templates into corresponding places. Also, using this technique, navigation between one view to another view is performed.

2 ui-router allows for nested views and multiple named views. This is very useful with larger app where you may have pages that in herit from other sections.

3 ui-router allows for you to have strong-type linking between states based on state names. Change the url in one place will update every link to that state when you build your links with ui-sref. Very useful for larger projects where URLs might change.

4 Ui-router is a contributed module which is overcome the problems of ngRoute. Mainly Nested/Complex views.

5 States allow you to map and access different information about different states and you can easily pass information between states via $stateeParams

6 ng-route:

ng-route is developed by the angularJS Team for routing.

ng-route:url (Location) based routing.

Ex:

$routeProvider.when("/",{templateUrl:"main.htm"})

ui-route:

ui-router is develoepd by 3rd party module.

ui-router :state based routing

Ex:

$stateProvider.state('home',{url:'/home',templateUrl:'home.html'})

ui-router allows for nested views

ui-router more powerful than ng-route