Unable to get ion-tabs to refresh


#1

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>