I want to be Toggling b/w two icons. For ex: When i clicked on grid icon it will show up grid data and hide List Icon.Again when i clicked on the same icon it will show up List data and hide grid Icon.
Here is my code in Tabs.html
<div menu-toggle="right" ng-hide="data.grid = !data.grid">>
<ion-tab ng-if="!data.grid" icon-off="ion-grid" icon-on="ion-grid" href="#/tab/list">
<ion-nav-view name="tab-listView"></ion-nav-view>
</ion-tab>
<ion-tab ng-if="data.grid" icon-off="ion-navicon" icon-on="ion-navicon" href="#/tab/list">
<ion-nav-view name="tab-listView"></ion-nav-view>
</ion-tab>
</div>
And I found http://codepen.io/mhartington/pen/zxpwbK But it’s related to Buttons.
Thank You.