<body ng-app="app">
<div ng-controller="Ctrl">
<a ui-sref="contacts.list">list</a>
<a ui-sref="contacts.detail">detail</a>
<div ui-view></div>
</div>
<script>
angular.module("app", ['ui.router'])
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('contacts', {
abstract: true,
url: '/contacts',
template: '<ui-view/>'
})
.state('contacts.list', {
url: '/list',
tepmlate: "111111"
})
.state('contacts.detail', {
url: '/detail',
tepmlate: "22222"
})
$urlRouterProvider.otherwise("/");
})
.controller("Ctrl", function($scope){
$scope.name = "aaa";
})
</script>
</body>
$rootScope.$on(
'$stateChangeError',
function (event, toState, toParams, fromState, fromParams, error) {
if (!angular.isString(error)) {
error = JSON.stringify(error);
}
$log.error('$stateChangeError: ' + error);
}
);