Please explain the difference between
Both do same work as like they used for routing purpose in SPA.
URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition.
Above tag will render the template from the
$routeProvider.when() condition which you had mentioned in
.config (configuration phase) of angular
$routeProviderfails.(for achieving the same we need to go for directive like
ng-showactually which looks bad to have them in SPA)
AngularUI Router is a routing framework for AngularJS, which allows you to organize the parts of your interface into a state machine. UI-Router is organized around states, which may optionally have routes, as well as other behavior, attached.
Multiple & Named Views
Another great feature is the ability to have multiple ui-views view per template.
While multiple parallel views are a powerful feature, you'll often be able to manage your interfaces more effectively by nesting your
views, and pairing those views with nested states.
<div ui-view> <div ui-view='header'></div> <div ui-view='content'></div> <div ui-view='footer'></div> </div>
The majority of
ui-router's power is it can manages nested state & views.
ui-viewon single page
ui-view="some"of state just by using absolute routing using
@with state name.
ui-view="some", This will replace the
ui-viewrather than checking it is nested or not.
ui-srefto create a
hrefURL dynamically on the basis of
URLmentioned in a state, also you could give a state params in the json format.
For better flexibility with various nested view with states, I'd prefer you to go for