无法在视图中获取离子内容

Not able to get ionic content in view

我无法在 Ionic 的页面中获取我的内容和 header 标题。让我知道我做错了什么。

期望有一个 bar-positive header 左右按钮和一些内容,但它完全 空白 控制台中也没有 JS 错误。

index.html

  <body ng-app="starter">
    <ion-nav-view></ion-nav-view>
  </body>

app.js -

  .state('signup', {
    url: '/signup',    
    views: {
      'signup': {
        templateUrl: 'templates/signup.html'
      }
    }
  })

signup.html -

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content! Some content! Some content! Some content! Some content! Some content! Some content! Some content! 
</ion-content>

您的 signup 状态配置查找名为 signup 的命名视图(在 views 对象下),但您的 <ion-nav-view> 不是命名视图。您可以通过将 name 属性添加到 <ion-nav-view> 来解决此问题,如下所示。

<ion-nav-view name="signup"></ion-nav-view>

(或) 如果您确定始终有一个视图需要更新,您可以从您的状态中删除命名视图定义。

.state('signup', {
    url: '/signup',    
    templateUrl: 'templates/signup.html'
  });