应用错误收集

我有一个标题和页脚，它们是纯HTML和一个div，在它之间使用ui-view加载我的所有视图，所以它看起来像这样：

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

我的页面正确加载，我遇到的问题是我的页脚会在我的内容加载之前短时间内填满整个页面。我尝试使用此线程中提到的ng-cloak：AngularJS strategy to prevent flash-of-unstyled-content for a class

遗憾的是它似乎无法工作，有没有办法在渲染页脚之前加载ui-view内容？

编辑：我的ui-router的配置类似于：

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

login指令呈现的形式没什么特别的。