Tutorial by Examples

STEP 1: Installation Before you can use Angular-UI Router you must include AngularJS itself in your project. For a detailed guide on that see this documentation. You can download Angular-UI Router either from their GitHub-Page or from NuGet, NPM, Bower respectively. After you have included the J...
index.html <html> <head> <title>Angular-UI Router Example</title> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.js"></script> <script type="text/java...
In ui-router a state can hold multiple views, each with his own controller and a template .state('dashboard', { name: 'dashboard', url: '/dashboard', views: { "view1": { templateUrl: "path/to/view1.html", controller: "...
You can resolve data into your state when you transition into it, usually it's useful when the state needs to use that data, or to resolve into a state when some provided input needs to be authenticated. When you define your states, you will need to provide a map of values to be resolved into the ....
UI-Router exposes transition events that can be helpful for handling transition errors, handling/blocking transitions based on certain parameter values, custom authentication etc.. These events can be bound to $rootScope for a global effect or to $scope for a per controller effect. $stateChangeE...

Page 1 of 1