ionic 隐藏ion-tab

来源：互联网发布：淘宝app如何收藏店铺编辑：程序博客网时间：2024/05/23 00:00

需要实现对不同的人看到不同的tab，所以出现这个问题,有两种解决办法
1.第一种先把所有选项卡显示出来，在通过数据判断隐藏一个

$scope.is_agent_doctor = true;//注意这里必须先让他设置为true，不然顺序会变function(){    //可以在这里设置网络请求    $scope.is_agent_doctor = value;}<ion-tabs class="tabs-top tabs-striped">    <ion-tab title="个人信息" href="#/tab/doctor_info">        <ion-nav-view name="info-tab"></ion-nav-view>    </ion-tab>    <ion-tab title="业务统计" href="#/tab/perfor" ng-if="is_agent_doctor">        <ion-nav-view name="perfor-tab"></ion-nav-view>    </ion-tab>    <ion-tab title="拜访记录" href="#/tab/visit_record">        <ion-nav-view name="visit-tab"></ion-nav-view>    </ion-tab></ion-tabs>

2.第二种就是设置tabs的隐藏了，代码如下

<link rel="stylesheet" href="/assets/tabs.css"><ion-tabs class="tabs-top tabs-striped" ng-if="is_agent_doctor">    <ion-tab title="个人信息" href="#/tab/doctor_info">        <ion-nav-view name="info-tab"></ion-nav-view>    </ion-tab>    <ion-tab title="业务统计" href="#/tab/perfor" >        <ion-nav-view name="perfor-tab"></ion-nav-view>    </ion-tab>    <ion-tab title="拜访记录" href="#/tab/visit_record">        <ion-nav-view name="visit-tab"></ion-nav-view>    </ion-tab></ion-tabs><ion-tabs class="tabs-top tabs-striped" ng-if="!is_agent_doctor">    <ion-tab title="个人信息" href="#/tab/doctor_info">        <ion-nav-view name="info-tab"></ion-nav-view>    </ion-tab>    <ion-tab title="拜访记录" href="#/tab/visit_record">        <ion-nav-view name="visit-tab"></ion-nav-view>    </ion-tab></ion-tabs>

0 0