title: Custom AngularJS directive not showing in Ionic nav bar
body: <p>I have ion-nav-bar and there are two ion-nav-buttons and one custom Angular directive inside (header-logo-dropdown). When I am doing routing or changing browser window size, the custom directive is not showing sometimes, so I have two questions about this:</p>
  
  <p>1) What is the proper method to include custom HTML and directive in ion-nav-bar?</p>
  
  <p>2) What is wrong with the code I've written?</p>
  
  <pre><code>&lt;ion-pane ion-side-menu-content drag-content="false"&gt;
  
      &lt;ion-nav-bar show-when="(max-width:767px)" class="bar  bar-header  bar-light header-nav-container"&gt;
          &lt;ion-nav-buttons side="left" id="button--menu"&gt;
              &lt;button menu-toggle="left" class="button  button-icon  icon  ion-navicon-round" show-when="(max-width:767px)"&gt;&lt;/button&gt;
          &lt;/ion-nav-buttons&gt;
  
          &lt;div class="title header-logo-container"&gt;
              &lt;header-logo-dropdown&gt;&lt;/header-logo-dropdown&gt;
          &lt;/div&gt;
  
          &lt;ion-nav-buttons side="right"&gt;
              &lt;a class="button  bar-header__iconprofile" href="#/user"&gt;&lt;i class="icon iconSilver profile item-silver"&gt;&lt;/i&gt; &lt;/a&gt;
          &lt;/ion-nav-buttons&gt;
  
      &lt;/ion-nav-bar&gt;
  
      &lt;ion-view&gt;
          &lt;ion-nav-view animation="slide-left-right"&gt;
          &lt;/ion-nav-view&gt;
      &lt;/ion-view&gt;
  
  &lt;/ion-pane&gt;
  </code></pre>