Toggling Icons in Tabs in subheader

@perry @max
Hi Folks,

        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.