Reload header every time a new nested state is loaded ionic


#1

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?