# Reload header every time a new nested state is loaded ionic

**URL:** <https://forum.ionicframework.com/t/reload-header-every-time-a-new-nested-state-is-loaded-ionic/32197>\
**Category:** ionic-v1\
**Created:** [September 11, 2015, 11:38am UTC](https://forum.ionicframework.com/t/reload-header-every-time-a-new-nested-state-is-loaded-ionic/32197 "2015-09-11T11:38:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![simrankaur](https://avatars.discourse-cdn.com/v4/letter/s/2acd7d/32.png) [@simrankaur](https://forum.ionicframework.com/u/simrankaur)\
**Post date:** [September 11, 2015, 11:38am UTC](https://forum.ionicframework.com/t/reload-header-every-time-a-new-nested-state-is-loaded-ionic/32197/1 "2015-09-11T11:38:06Z")

</div>

I have a nested state .

The view associated to it my app header.

it looks like this:

```
<ion-view cache-view="false">
<div class="navbar-fixed-top navbar-header bar bar-header " ng-if="showHeader">
<div class="container row">
           
                {{ showSubHeader}}
            <div ng-if="showSubHeader" class="topPull" draggable >
            <button ng-if="showSubHeader" class="button-icon"><img src="img/topImg.jpg"></button>
                           </div>       
        </div>               
  
</div>
</ion-view>

```

Now, I want div to be shown when `showSubHeader` is true.

The expression `{{ showSubHeader }}` changes from true to false correctly, but div does not hide/show according to value variable.

Is there a way to fix it?  
I believe I should have to reload the abstract /parent state explicitly in order to achieve this. Is that the way?