如何让ui-router的ui-sref指向嵌套状态?

时间:2014-05-04 11:54:43

标签: angularjs angular-ui-router

如何让ui-router ui-sref指向一个URL

这是我的链接:

<a ui-sref="admin.overview"</a>

和我的配置

var admin = {
    name: 'admin',
    url: '/admin',
    views: {
        'root': {
            templateUrl: '/Content/app/admin/partials/home.html',
        },
        'content': {
            templateUrl: '/Content/app/admin/partials/overview.html',
        },
    }
};

var adminContent = {
    name: 'admin.content',
    parent: 'admin',
    url: '/:content',
    views: {
        'root': {
            templateUrl: '/Content/app/admin/partials/home.html',
        },
        'content': {
            templateUrl: function (stateParams) {
                return '/Content/app/admin/partials/' + stateParams.content + '.html';
            },
        }
    }
};

$stateProvider.state(admin).state(adminContent)

如果我指出与ui-sref =&#39; admin&#39;但我怎样才能指向/ admin / overview?或者,如果我代码href =&#34; / admin / overview&#34;我?然而,ui-sref并没有用ui-sref =&#34; admin.overview&#34;创建任何东西。

1 个答案:

答案 0 :(得分:3)

以下是ui-sref的文档:https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref

基本上,您需要输入所需的状态以及要包含的所有参数。对于你的例子,我认为:

<a ui-sref="admin.content({ content: 'overview' })">Overview Page</a>