ionic 隐藏ion-tab

需要实现对不同的人看到不同的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>

你可能感兴趣的:(ionic)