まずはui-router本体を読み込む
angular.module('app', [
'ui.router',
]);
configメソッドでこんな感じで設定
angular
.module('app')
.config(['$urlRouterProvider', '$stateProvider', '$locationProvider',
function($urlRouterProvider, $stateProvider, $locationProvider) {
$stateProvider
/**
* index
*/
.state('index', {
url: '/',
views: {
main: {
templateUrl: '/index.html',
controller: 'indexController',
controllerAs: 'index'
}
}
})
/**
* blog
*/
.state('blog', {
url: '/blog',
views: {
main: {
templateUrl: '/blog.html',
controller: 'blogController',
controllerAs: 'blog'
}
}
})
;
// ルーティングが一致しなかった場合のデフォルト設定はこうする。
$urlRouterProvider.otherwise('/');
// html5モードを有効に
$locationProvider.html5Mode(true).hashPrefix('!');
}]);
あとルーティングを入れ子にできたりもするけどそれはまた今度。