我正在一个仅在主页上拥有全屏背景的网站上工作。在其他页面上,它们使用普通的引导容器。我使用了一个额外的视图,以便将100%的高度传递给它的内部css。但是这样,所有其他页面都被迫向下移动,因为它们上方的空间是100%的高度。我的问题是,如果我不在主页,我如何删除'style = height:100%'?
<body>
<div ui-view="enterHome" style="height:100%;"></div> <!-- additional view -->
<div ui-view="navbar"></div>
<div ui-view="body"></div>
<div ui-view="footer"></div>
</body>
我的app.js如下所示:(即,对于state = enterHome,我只显示了enterHome模板。)
.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/");
$stateProvider
.state('enterHome',{
url:"/",
views:{
"navbar":{
},
"carousel":{
},
"enterHome":{
templateUrl:"templates/enterHome.body.html",
controller: "EnterHomeBodyController"
},
"footer":{
}
}
})