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

2015-04-16 16:08:32 +08:00
 genffy

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

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

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

2485 次点击
所在节点    问与答
7 条回复
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下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/184160

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX