Javascript 在呈现其余页面内容之前加载ui视图内容_Javascript_Html_Angularjs_Angular Ui Router_Fouc

Javascript 在呈现其余页面内容之前加载ui视图内容

javascript html angularjs

Javascript 在呈现其余页面内容之前加载ui视图内容,javascript,html,angularjs,angular-ui-router,fouc,Javascript,Html,Angularjs,Angular Ui Router,Fouc,我有一个纯html的页眉和页脚，还有一个div，在这两个div之间使用ui视图加载我的所有视图，所以它看起来像这样： <body> <header></header> <div ui-view></div> <footer ng-cloak></footer> </body> 我的页面加载正常，问题是在很短的一段时间内，我的页脚在我的内容加载之前加载，并填满整个页面。我试着使用ng斗

我有一个纯html的页眉和页脚，还有一个div，在这两个div之间使用ui视图加载我的所有视图，所以它看起来像这样：

<body>
  <header></header>
  <div ui-view></div>
  <footer ng-cloak></footer>
</body>

我的页面加载正常，问题是在很短的一段时间内，我的页脚在我的内容加载之前加载，并填满整个页面。我试着使用ng斗篷，如本文所述：

遗憾的是，它似乎不起作用，有没有办法在呈现页脚之前加载ui视图内容

编辑：我的ui路由器的配置与此类似：

function configRoutes($stateProvider){
  $stateProvider
    .state('login', {
      url: '/login',
      template: '<login></login>'
    });
}

函数配置路由（$stateProvider）{
$stateProvider
.state（'登录'{
url:“/login”，
模板：“”
});
}

login指令使表单没有什么特别之处。

一个简单的方法是为

div[ui view]

元素添加一个默认高度（

100%

），这样你的

footer

就不会填满整个页面。这似乎不起作用，因为我的ui视图标记没有内容，所以高度100%仍然只有0px。而且，如果可能的话，我宁愿在内容加载后加载页脚。编辑：我可以放一个高度：100VH按照你建议的方式做，但是当页面加载到页眉和页脚但中间没有东西时，它仍然有点奇怪。抱歉，我表达得很差，我的意思是，使用<代码>最小高度> /代码>值，这样你的代码> div [UI视图]。永远不会是零高度。@Vishal:您能分享一下您的ui路由器配置吗。