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

标签 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='admin' 指向一个类似的东西,那么我怎样才能让它指向/admin/overview?或者如果我自己编写 href="/admin/overview"代码,该链接是否有效?但是 ui-sref 不会使用 ui-sref="admin.overview"创建任何内容。

最佳答案

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

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

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

关于angularjs - 如何让 ui-router 的 ui-sref 指向嵌套状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23455919/

相关文章:

angularjs - 在没有 jQuery 的情况下使用 AngularJS, angular.element 和 $ 都被定义,但不相等,那么 "$"是什么?

javascript - 使用 Angular 将 json 对象中的通用文本字符串转换为有效的 url

javascript - Cordova Angularjs : How to get value return from CordovaSQLite

javascript - Angular ui.router 重新加载模板

angularjs - 我可以在 onExit 中停止转换到下一个状态吗?

javascript - 使用 ui-sref 在 ng-click 上更改 $scope 的值

javascript - ui-router 多个命名嵌套 View

javascript - 有没有办法阻止我的 angularjs 应用程序启动时加载初始状态?

javascript - 如何使用angularjs处理多页面网站?

javascript - Angular 路由问题 - ionic header 未在选项卡中更新