angular之页面跳转隐藏tab

前端之家收集整理的这篇文章主要介绍了angular之页面跳转隐藏tab前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

怎么理解这个标题呢—->页面跳转其实也就是路由跳转,隐藏底部或者顶部的tab。
要理解这个思路可以根据类似二叉树的概念来。angular是单页面应用,所以所有的页面都是基于index页面<ui-view>或者<ion-nav-view>,我们可以把这个看成二叉树的根。现在开始来分支。
一条单独的分支的路由(hoMetab)就只包含tab的页面,而其他的页面路由则在另外一个分支上(home),这两个分支(路由)可以说没有任何的关联。

以及路由对应的页面内容

从图中可以看出,hoMetab页只包含tab,而home页则作为详情页的母模板,所有的详情页都基于这个home页中的<ui-view/>显示内容

现在的实现步骤以及思路:
一开始进入app是直接进入hoMetab页面,然后点击“业务”对应页面中list数据进入详情。 这个就是list页面。这里是根据后端返回的数据中获取到路由以及id来跳转,当然如果有的只是死数据展示的话可以直接跳转到明确指定的路由去。而跳转的路由就是home路由分支下的(第一图中下面的路由)。

这样整个路由层跳转到index下的home路由分支去了,hoMetab路由下的tab也就不会出现。

如有不对还望指出!

原文链接:https://www.f2er.com/angularjs/148692.html

猜你在找的Angularjs相关文章