栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

角度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夫 …



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636241.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号