嵌套的ui-views在Angular 1.2.0-rc.3中不起作用

时间:2013-11-01 16:39:26

标签: angularjs angular-ui-router

我一直在努力让AngularUI路由器使用1.2.0-rc.3,但无济于事。我很确定这是一个bug,因为rc3中有很多东西已经改变了,但也许有人找到了解决方法。

这就是我要做的事情:

在我的app.config()

var login = {
    url        : '/login',
    name       : 'login',
    templateUrl: 'views/login.html',
    controller : 'LoginCtrl'
};
var main = {
    url        : '/',
    name       : 'main',
    templateUrl: 'views/main.html',
    controller : 'MainCtrl'
};
var reportsOverview = {
    url        : '/reports',
    name       : 'main.reports',
    controller : 'ReportsCtrl',
    templateUrl: 'views/main.reports.html'
};

$stateProvider.state(login);
$stateProvider.state(main);
$stateProvider.state(reportsOverview);

当我转到/login时,我的模板会按预期显示。然而,当我去//reports时,我什么都没看到。我的<div ui-view></div>index.html文件中都有一个views/main.html,所以这不是问题。

那里的人遇到同样的问题,或者我做错了什么?

1 个答案:

答案 0 :(得分:1)

如果没有能够看到自定义模板很难,但有些事情我注意到你要去/reports。网址是附加的,因此,在您的情况下,因为主网址为/而您的报告网址为/reports,您需要访问的实际网址为//reports而不是/reports 。尝试制作报告网址reports,然后/reports应该有效。

我会尝试使用ui-sref指令在您的网页上创建链接,以便您可以查看路由为每个州生成的网址,并检查它是否符合您的预期。

如果您可以包含一个能够证明您遇到问题的傻瓜,那将非常有用。