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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3507 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

angualr

参见

调试

7 条回复 • 2015-04-16 19:05:28 +08:00

learnshare

2015-04-16 16:19:20 +08:00

点击主机信息的时候，跳转到子 tab 对应的 URL 即可

learnshare

2015-04-16 16:19:47 +08:00

@learnshare 用 URL 驱动页面状态和行为，这种方式很有用

genffy

2015-04-16 16:33:50 +08:00

@learnshare 那就是说我在点击主机信息的时候就准备好URL ？那么下面URL后面的参数就设置个默认得？

learnshare

2015-04-16 17:10:57 +08:00

@genffy 对

stiekel

2015-04-16 17:27:36 +08:00

你的ui-sref-active设置有问题。应该是：

ui-sref-active="viewType==='disk'"

genffy

2015-04-16 17:46:27 +08:00

@stiekel @learnshare ok，两者结合起来能暂时解决该问题，谢谢。但是，我总觉得这应该会有更好得方式，我再琢磨琢磨。

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下