I have an ionic framework application working. It has three tabs at the bottom that change depending on the security role of the user that logs in.
However if I log out and switch users I have to force refresh (F5) the browser in order to get the tabs to show the correct ones.
I assume this is a caching issue but I am unable to figure out the issue. I have tried
adding cache-view=“false” on the view itself
cache:false on the StateProvider
also on login I call $ionicHistory.clearCache()
none of which fix the problem - again I always have to physically refresh the browser.
Any ideas, here is the view
<ion-view cache-view="false" title="Tabs Controller" ng-controller="TabsControllerCtrl as vm">
<ion-tabs class="tabs-stable tabs-icon-top">
<ion-tab title="Work" icon="ion-ios-home" href="#/page1/areas" hidden="{{vm.HideWork}}">
<ion-nav-view name="tab1"></ion-nav-view>
</ion-tab>
<ion-tab title="Workforce" icon="ion-person-stalker" href="#/page1/workforce">
<ion-nav-view name="tab2"></ion-nav-view>
</ion-tab>
<ion-tab title="Settings" icon="ion-android-settings" href="#/page1/settings">
<ion-nav-view name="tab3"></ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-view>