Question

我用相同的方式定义了许多模板，但是在两个特定的模板上，两个模板都使用相同的控制器，当应用程序渲染这两个页面时，出现了以上错误。它似乎并没有影响我的应用程序，但我不喜欢看到它。

从模板开始，这两个页面的开头为：

<ion-view>
  <ion-nav-title>
    <div style="float:none;width:100%;text-align:center;" class="appTitle">APP REGISTRATION</div>
  </ion-nav-title> 
  <ion-content style="margin-top:0px;padding:10px;">
  ....
  </ion-content>
</ion-view>

我的所有页面看起来基本相同，并且是index.html主文件的子组件：

  <body ng-app="starter">
    <!--
      The nav bar that will be updated as we navigate between views.
    -->
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>
    </ion-nav-bar>
    <!--
      The views will be rendered in the <ion-nav-view> directive below
      Templates are in the /templates folder (but you could also
      have templates inline in this html file if you'd like).
    -->
    <ion-nav-view></ion-nav-view>
  </body>

在控制器中，我禁用了后退按钮-允许用户在应用程序注册页面上使用后退按钮会导致应用程序不正确地重新加载，从而导致错误，但我认为这不会影响任何事情：

  var disableBack = $ionicPlatform.registerBackButtonAction(function (event) {
        event.preventDefault();
  }, 100);

  $ionicNavBarDelegate.showBackButton(false);

如何看待这些错误？

Answer 1

ion-nav-bar应该放在ion-nav-view内部。在index.html

中更改这样的代码

<ion-nav-view>
   <ion-nav-bar class="bar-stable">
      <ion-nav-back-button> </ion-nav-back-button>
   </ion-nav-bar>
</ion-nav-view>

找不到指令“ ionNavTitle”所需的离子控制器“ ionNavBar”

1 个答案: