V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
genffy
V2EX  ›  问与答

求指教一个关于 angualr 中路由得问题。

  •  
  •   genffy · 2015-04-16 16:08:32 +08:00 · 2477 次点击
    这是一个创建于 3291 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这个里面 要怎么做 才能在点 主机信息的时候 下面的子 tab能自动选中?

    链接参见
    http://plnkr.co/edit/uSPfgEpP21LabFAgY5oI?p=preview

    里面的HTML 代码能保存到本地就能看效果,方便调试。

    7 条回复    2015-04-16 19:05:28 +08:00
    learnshare
        1
    learnshare  
       2015-04-16 16:19:20 +08:00
    点击主机信息的时候,跳转到子 tab 对应的 URL 即可
    learnshare
        2
    learnshare  
       2015-04-16 16:19:47 +08:00
    @learnshare 用 URL 驱动页面状态和行为,这种方式很有用
    genffy
        3
    genffy  
    OP
       2015-04-16 16:33:50 +08:00
    @learnshare 那就是说我在点击 主机信息的时候 就准备好URL ?那么下面URL后面的参数就设置个默认得?
    learnshare
        4
    learnshare  
       2015-04-16 17:10:57 +08:00
    @genffy
    stiekel
        5
    stiekel  
       2015-04-16 17:27:36 +08:00
    你的ui-sref-active设置有问题。应该是:

    ui-sref-active="viewType==='disk'"
    genffy
        6
    genffy  
    OP
       2015-04-16 17:46:27 +08:00
    @stiekel @learnshare ok,两者结合起来能暂时解决该问题,谢谢。但是,我总觉得这应该会有更好得方式,我再琢磨琢磨。
    arzusyume
        7
    arzusyume  
       2015-04-16 19:05:28 +08:00
    你可以
    $stateProvider.state('host', {abstract: true, ...})
    $stateProvider.state('host.info', ...)
    $stateProvider.state('host.disk', ...)
    $stateProvider.state('host.network', ...)

    这样创建二级的路由, 通过 host/info host/disk之类的方式去访问
    子路由的模板会被放在父元素的ui-view下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1093 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 23:15 · PVG 07:15 · LAX 16:15 · JFK 19:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.