Ионная вкладка меню скрыть

0
<ion-tabs class="tabs-icon-top tabs-color-active-positive ">
<!-- Anasayfa Tab -->
  <div ng-if="showDiv=true">
    <ion-tab title="Home" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/chats">
        <ion-nav-view name="tab-chats"></ion-nav-view>
    </ion-tab>
  </div>
  <!-- Giriş Yap Tab -->
  <div ng-if="showDiv=true">
    <ion-tab title="Log-in" icon-off="ion-person-stalker" icon-on="ion-person-stalker" href="#/tab/login">
        <ion-nav-view name="tab-login"></ion-nav-view>
    </ion-tab></div>
  <!-- Kayıt Ol Tab -->
  <div ng-if="showDiv=true">
    <ion-tab title="sign-in" icon-off="ion-person-add" icon-on="ion-person-add" href="#/tab/register">
        <ion-nav-view name="tab-register"></ion-nav-view>
    </ion-tab>
  </div>
  <!-- Hakkımızda Tab -->
  <div ng-if="showDiv=false">
    <ion-tab title="Information" icon-off="ion-information" icon-on="ion-information-circled" href="#/tab/info" >
        <ion-nav-view name="tab-info"></ion-nav-view>
    </ion-tab>
  </div>
</ion-tabs>

Я хочу скрыть элемент меню вкладки домой, войти в систему и войти в систему, затем ввести пользователя.

$scope.showDiv = "true";
console.log('fired');
$scope.showDiv = !$scope.showDiv;

Я пытаюсь, но это не работает.

Теги:
ionic-framework

1 ответ

3

Вы можете скрыть вкладку ion с помощью атрибута "hidden", например, следующего -

<ion-tabs class="tabs-icon-top tabs-color-active-positive "> 
    <ion-tab hidden="{{condition}}" title="Home" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/chats">
        <ion-nav-view name="tab-chats"></ion-nav-view>
    </ion-tab>
    <ion-tab hidden="{{condition}}" title="Log-in" icon-off="ion-person-stalker" icon-on="ion-person-stalker" href="#/tab/login">
        <ion-nav-view name="tab-login"></ion-nav-view>
    </ion-tab>
</ion-tabs>
  • 0
    Спасибо...!! это помогло мне тоже ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню