Ionic-Implement display and hide

defined in the displayed label with ng-class= "{Active:vm.activeTab = = 1}"

defined in the hidden label with ng-class= "{Active:vm.activeTab = = 2}" ng-show= "Vm.activetab = = 2"

ng-show= "Vm.activetab = = 2" means to hide a second

ng-click= "Vm.activetab = 2" When you click on the label that defines this line of code, it shows the second hidden label

similarly ng-click= "Vm.activetab = 1" shows the first

The code is as follows:

<ion-header-bar ng-class== "{Cative:vm.activeTab = = 1}" >
<a class= "button icon-left" style= "color: #fff;" ng-click= "Vm.activetab = 2" >
<i href= "" class= "icon Ion-ios-search-strong" ></i>
</a>
</ion-header-bar>

<ion-header-bar ng-class= "{Active:vm.activeTab = = 2}" ng-show= "Vm.activetab = 2" >
<a class= "button button-clear icon-right ion-ios-arrow-left" ng-click= "Vm.activetab = 1" > </a>
<label class= "Item-input-wrapper tabs-icon-right" >
<a href= "#" class= "button icon-left" style= "color: #ffb128;" >
<i class= "icon Ion-ios-search-strong" ></i>
</a>
</label>
</ion-header-bar>

First write, the level is limited!

Edeg_lin

Ionic-Implement display and hide