基本上我的内容下方有一个白色空白区域,当我刷新页面时它会出现,当我手动调整页面大小时它会“修复”自身。
我将 Angular 与 ui 路由器和 Admin LTE 2 免费引导模板一起使用。一切都很好,我没有收到任何错误,而且我已经包含了所有必要的文件。
我尝试使用 chrome 工具对此进行调试,但感觉这不是 css 问题。
正文中的 index.html 我有这个 ui-view
<div ui-view="index-view"></div>
在 main.html 里面
<div class="wrapper">
<!-- HEADER -->
<div ng-include="'views/app/includes/header.html'"></div>
<!-- SIDEBAR -->
<div ng-include="'views/app/includes/sidebar.html'"></div>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<div ui-view="content-view"></div>
</div>
<!-- /.content-wrapper -->
<!-- FOOTER -->
<div ng-include="'views/app/includes/footer.html'"></div>
这是我的路线
$urlRouterProvider.otherwise("/landing");
$stateProvider
.state('landing_login_state', {
url: "/landing",
views: {
'index-view@': {
templateUrl: "views/landing/login.html",
controller: "LoginCtrl as login",
}
}
})
.state('app', {
url: "/main",
views: {
'index-view': {
templateUrl: 'views/app/main.html'
},
'content-view@app': {
templateUrl: "views/app/main_content.html"
},
}
})
.state('app.newbook', {
url: "/new_newbook",
views: {
'index-view': {
templateUrl: 'views/app/main.html'
},
'content-view@app': {
templateUrl: "views/app/new_book.html"
}
}
});
我怀疑我在ui路由器上做错了什么,但我不确定。我可以在没有 ui-router 的情况下运行 Admin LTE 2 的起始页面,所以这是我最有力的选择。