我无法在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>
答案 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'
});