无法获得离子含量

时间:2016-01-12 18:34:28

标签: javascript html angularjs ionic-framework ionic

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

期望有一个带有左右按钮的条形标题和一些内容,但它在控制台中完全空白没有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>

1 个答案:

答案 0 :(得分:1)

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'
  });