离子离子导航按钮不能在抽象视图中工作

时间:2015-03-13 12:54:03

标签: angularjs ionic

使用离子框架我尝试使用包含导航按钮的抽象视图,但它似乎不起作用:

的index.html

<ion-nav-bar align-title="left" class="bar-stable"></ion-nav-bar>
<ion-nav-view></ion-nav-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>

第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>

第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>

完整代码笔:http://codepen.io/anon/pen/XJxoLb

第1页视图没有获取导航按钮,但第2页视图没有,因为它直接在其自己的视图中包含离子导航按钮。

如果我将离子版本更改为beta 13,它确实有效。

这是以后版本中的错误,还是我需要做一些不同的工作才能使用最新版本(beta 14,rc 0)?

1 个答案:

答案 0 :(得分:1)