Geek Answers Handbook

Ion ion navigation buttons not working in abstract form

Using an ionic structure, I am trying to get an abstract view containing a navigation button, however it does not work:

Index.html

<ion-nav-bar align-title="left" class="bar-stable"></ion-nav-bar>
<ion-nav-view></ion-nav-view>

Abstract view:

<script id="menu.html" type="text/ng-template">
  <ion-view cache-view="false">
        <ion-nav-buttons side="right">
              <button class="button button-icon ion-more"></button>
        </ion-nav-buttons>
        <ion-nav-view></ion-nav-view>
  </ion-view>
</script>

Page 1:

<script id="page1.html" type="text/ng-template">
  <ion-view cache-view="false" title="Page 1">
    <ion-content>
      <h1>This is page 1</h1>
      <a ui-sref="page2">Go to page 2</a>
    </ion-content>
  </ion-view>
</script>

Page 2:

<script id="page2.html" type="text/ng-template">
  <ion-view cache-view="false" title="Page 2">
        <ion-nav-buttons side="right">
              <button class="button button-icon ion-more"></button>
        </ion-nav-buttons>
        <ion-content>
      <h1>This is page 2</h1>
      <a ui-sref="page1">Go to page 1</a>
    </ion-content>
  </ion-view>
</script>

Full code handle: http://codepen.io/anon/pen/XJxoLb

In the view mode of page 1, the nav button is not displayed, but the view of page 2 is because it includes the ion-nav buttons directly in its own view.

If I change the ionic version to beta 13, it works.

Is this a bug in later versions, or do I need to do something else for this to work with the latest versions (beta 14, rc 0)?

+4
source share

More articles:


All Articles