怎么样让页面显示在Tabs下方？
初学，务怪！就是想用ionic实现Android 或者IOS的tab页的效果，让要显示的页面在tab标签也的下面显示，我现在的情况是总是直接跳到那个页面上！下面是代码：
tab页
<ion-view hide-nav-bar="true" hide-back-button="false" ng-controller="registerContrl">
<ion-header-bar>
<div class="tabs tabs-striped">
<a class="tab-item active" ng-click="toRegisterShop()">
店铺注册
</a>
<a class="tab-item" ng-click="toRegisterShop()">
店员注册
</a>
</div>
</ion-header-bar>
<!--
<ion-nav-bar class="bar-positive">
<ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>
-->
<ion-nav-view></ion-nav-view>
</ion-view>子页面
<!--<div class="scroll-content has-header"> -->
<ion-content overflow-scroll="true">
<div class="list list-inset card">
<div class="item item-input item-divider">
<span class="input-label">店铺信息</span>
</div>
<div class="item item-input item-input-inset">
<span class="input-label">所属单位</span>
<input type="text" placeholder="所属单位">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">经营范围</span>
<input type="text" placeholder="经营范围">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">门店名称</span>
<input type="text" placeholder="门店名称">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">联系电话</span>
<input type="text" placeholder="联系电话">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">备注</span>
<input type="text" placeholder="备注">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">门店照片</span>
<input type="text" placeholder="门店照片">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">营业执照</span>
<input type="text" placeholder="营业执照">
</div>
<div class="item item-inputitem-divider">
<span class="input-label">店主信息</span>
</div>
<div class="item item-input item-input-inset">
<span class="input-label">门店名称</span>
<input type="text" placeholder="门店名称">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">联系电话</span>
<input type="text" placeholder="联系电话">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">备注</span>
<input type="text" placeholder="备注">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">帐号</span>
<input type="text" placeholder="帐号">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">密码</span>
<input type="text" placeholder="密码">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">姓名</span>
<input type="text" placeholder="姓名">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">身份证信息</span>
<input type="text" placeholder="身份证信息">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">头像</span>
<input type="text" placeholder="头像">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">联系电话</span>
<input type="text" placeholder="联系电话">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">家庭住址</span>
<input type="text" placeholder="家庭住址">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">邮箱</span>
<input type="text" placeholder="邮箱">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">QQ号</span>
<input type="text" placeholder="QQ号">
</div>
<div class="item item-input item-input-inset">
<span class="input-label">备注</span>
<input type="text" placeholder="备注">
</div>
</div>
<button class="button button-positive button-full">保存</button>
</ion-content>
<!-- </div> -->
</ion-view>
请帮忙看看！
http://ionicframework.com/docs/components/#striped-style-tabs
页:
[1]