仅限angularjs全屏主页

时间:2015-09-20 19:45:16

标签: angularjs fullscreen

我正在一个仅在主页上拥有全屏背景的网站上工作。在其他页面上,它们使用普通的引导容器。我使用了一个额外的视图,以便将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":{                  
            }               
        }
    })

0 个答案:

没有答案