angular-ui-router状态未在页面加载时加载

Question

我创建了一个使用angular-ui-router映射到多个视图的网站。一切都很好，除了两件事：

1. 导航到没有角度路线的网站时，不会加载任何视图。
2. 无论用户导航到哪个网址，浏览器都会将网址重置为我的$urlRouterProvider.otherwise()值。但是视图没有改变。

我的主模块如下所示：

angular.module('package.name', [
    'ui.router',
    'ui.bootstrap',
    'package.nameControllers'
]).
config(function($stateProvider, $urlRouterProvider) {
    $stateProvider.
    state('home', {
        url: 'home',
        templateUrl: 'templates/home.html',
        controller: 'homeCtrl'
    }).
    state('other', {
        url: 'other',
        template: 'Another page'
    });

    $urlRouterProvider.otherwise('/home');
});

我做错了什么？

我在this plunkr创建了相同的情况。可以看到网址不变的示例here。

Answer 1

顶级州的网址应以斜线开头。尝试添加斜杠：

state('home', {
    url: '/home',
    templateUrl: 'templates/home.html',
    controller: 'homeCtrl'
}).
state('other', {
    url: '/other',
    template: 'Another page'
});

请参阅here。