Ionic中的Added View显示为纯白色
Added View in Ionic shows up plain white
我想在我的Ionic应用程序中添加一个登录屏幕。但不知何故,当urlRouterProvider指向指定的路径时,应用程序就会变白。目前看起来是这样的:
login.html(模板)
<ion-view view-title="login">
<ion-content class="padding">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
</ion-content>
</ion-view>
相当简单,只需输入字段即可。
apps包含以下内容:
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'DashCtrl'
}
}
})
.state('dash.login', {
url: '/login',
views: {
'login': {
templateUrl: 'templates/login.html',
controller: 'LoginCtrl'
}
}
})
$urlRouterProvider.otherwise('/tab/dash/login');
是的,短划线视图应该是登录名的父级。控制器存在,但目前没有功能:
.controller('LoginCtrl', function($scope) {})
我很新,但根据大多数在线文档,这应该已经奏效了!我添加了一个新的视图,根据它创建了状态,然后将urlRouterProvider指向它,它可以工作,因为应用程序的启动屏幕目前是纯白的,导航栏在顶部,添加了空控制器,就这样。
还没有服务,我没有更改index.html。该应用程序是Ionic的一个基于Tab的模板,tabs.html看起来像这样:
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- Dashboard Tab -->
<ion-tab title="Home" icon-off="ion-home" icon-on="ion-home" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>
<!-- Kalender Tab -->
<ion-tab title="Kalender" icon-off="ion-calendar" icon-on="ion-calendar" href="#/tab/chats">
<ion-nav-view name="tab-chats"></ion-nav-view>
</ion-tab>
<!-- Fangbuch Tab -->
<ion-tab title="Fangbuch" icon-off="ion-folder" icon-on="ion-folder" href="#/tab/account">
<ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>
</ion-tabs>
我在这里错过了什么?
您需要添加一个与登录屏幕相对应的视图。在你的index.html中,你看到哪里写着<ion-nav-view name="tab-dash"></ion-nav-view>
吗?注意,该视图的名称与ui路由器状态中的视图名称相对应:
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'DashCtrl'
}
}
})
话虽如此,我发现了一支钢笔,它应该能帮助你朝着正确的方向前进——https://codepen.io/ionic/pen/CbBsA
相关文章:
- '返回'浏览器按钮返回白色页面
- 谷歌图表显示空白白色页面
- jQuery淡入淡出动画在两者之间显示白色
- 脚本将页面变为白色
- Ionic中的Added View显示为纯白色
- 使用jquery更改白色框的颜色
- 这种计算画布元素中非白色像素的方法有什么问题
- 如何将复选框(tickbox)的颜色从白色更改为黑色
- Cocos2d-html5白色屏幕问题
- 窗口.打印使不透明度的页面背景变为白色
- 如何在下拉菜单中使背景颜色为白色
- UI引导区渐变旋转木马闪烁白色
- 聚合物:页面加载时白色屏幕闪烁
- Bootstrap 3 旋转木马白色背景滑动时滑动下方的幻灯片
- 高图表测量不需要的白色边框
- CSS 在 JS 之前,在 Firefox 中闪烁白色
- 三.js渲染普通几何体的白色部分
- ng路由白色页面后刷新页面显示
- 如何使用phonegap删除html页面切换之间的白色闪光
- 文本颜色在活动选项卡期间更改为白色