角度ui路由器父网址设置为

角度ui路由器父网址设置为,第1张

角度ui路由器父网址设置为/

ui-router
有解决方案 _(几乎)_任何东西。有一个工作的plnkr。我们将要使用的功能称为:绝对路线(^)

因此,让我们从需求开始,拥有以下URL路由:

domain/#/       -- root for maindomain/#/emergency/        -- main.emergencydomain/#/emergency/detail  -- main.emergency.detail

使用此

ui-sref
状态调用时哪个应该工作:

<ul>    <li><a ui-sref="main">Main</a></li>    <li><a ui-sref="main.emergency">Emergency</a></li>    <li><a ui-sref="main.emergency.detail">Detail</a></li></ul>

现在,诀窍是:

  • (第一) 状态必须使用
    url: "/"
    ,以具有一些唯一标识
  • 但是下一个状态可以再次从根开始定义:使用此设置:
    url: "^/..."

这是状态配置,可实现所需的结果

  $stateProvider    // root with '/'    .state("main", {      url: "/",      templateUrl: 'main.tpl.html',    })    // here we start again from the root '/emergency'    .state("main.emergency", {      url: "^/emergency",      templateUrl: 'emergency_menu.tpl.html',    })    // parent and child '/emergency/detail    .state("main.emergency.detail", {      url: "/detail",      templateUrl: 'emergency_detail.tpl.html',    });

这是文档:

[绝对路线(^)](https://github.com/angular-ui/ui-router/wiki/URL-

Routing#absolute-routes-)

…还有正在工作的 pl夫 …



欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/5642101.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存