加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular之页面跳转隐藏tab

发布时间:2020-12-17 09:51:01 所属栏目:安全 来源:网络整理
导读:怎么理解这个标题呢—-页面跳转其实也就是路由跳转,隐藏底部或者顶部的tab。 要理解这个思路可以根据类似二叉树的概念来。angular是单页面应用,所以所有的页面都是基于index页面中 ui-view 或者 ion-nav-view ,我们可以把这个看成二叉树的根。现在开始来分

怎么理解这个标题呢—->页面跳转其实也就是路由跳转,隐藏底部或者顶部的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也就不会出现。

如有不对还望指出!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读