Installer avec

bower install angular-ui-router

Ensuite, inclure le fichier script et inclure la dépendance du module ui.router de cette façon:

angular.module('app', ['ui.router']);

Dans un fichier, exemple app.config.js :

'use strict';
 
angular.module('appname').config(function($stateProvider) {
  $stateProvider.state('register', {
    url: '/register',
    templateUrl: '/views/register.html'
  });
});

Dans le HTML, habituellement dans le index.html, ou le fichier principal, on doit prévoir un placeholder :

<div ui-view></div>

Les liens utilisent ui-sref (UI State Ref). On spécifie le nom de la route.

<a ui-sref="register">Register</a>

On utilise l'attribut ui-sref-active.

<ul class="nav nav-pills pull-right">
  <li ui-sref-active="active"><a ui-sref="register">Register</a></li>
</ul>

Méthodes

• go()
• reload()
• get()

Properties

• current
• params

Événements

• $stateChangeError
• $stateChangeStart
• $stateChangeSuccess
• $stateNotFound