title: show a div with ng if ionic
body: <pre><code>&lt;ion-view cache-view="false"&gt;
  &lt;div class="navbar-fixed-top navbar-header bar bar-header " ng-if="showHeader"&gt;
  &lt;div class="container row"&gt;
             &lt;div&gt;
              &lt;a class="navbar-brand" href="#"&gt;
                          &lt;h1&gt;ROCK 'N' GRILL&lt;br&gt;
                          &lt;span&gt;Pitampura New Delhi...&lt;/span&gt;&lt;/h1&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
  
                  {{showSubHeader}}
              &lt;div ng-if="showSubHeader===true" class="topPull" draggable &gt;
              &lt;button ng-if="showSubHeader" class="button-icon"&gt;&lt;img src="img/topImg.jpg"&gt;&lt;/button&gt;
                             &lt;/div&gt;      
          &lt;/div&gt;               
  
  &lt;/div&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>The value of <code>showSubHeader</code> changes to false but yet I see the div in my view. How do I update view to not show the div when the value is false?</p>
  
  <p>Edit:</p>
  
  <p>This is veiw attached to an abstract state so I believe , the abstract state is not updated when views are switched. How do I reload header when views change or switch?</p>