Javascript 角度在加载其他视图之前不显示视图

我有三种看法： 导航，主要内容，页脚

Im使用ui路由器，当页面加载时，导航和页脚立即加载，但在主要内容中，我请求获取一些数据，视图在导航和页脚后延迟了一秒钟，因此我将中间的空内容保留了一秒钟。如何使所有视图同时显示

<div ng-include="'client/template/nav.tpl.html'"></div>
   <div class='main-wrapper'>
    <div ui-view='' class='view'></div>
   </div>
<div ng-include="'client/template/footer.tpl.html'"></div>

需要注意的是，请求主内容的数据不是来自ajax请求，而是来自服务器请求及其全局数据。

在模板上使用：

<div ng-cloak>
  <div ng-include="'client/template/nav.tpl.html'"></div>
   <div class='main-wrapper'>
     <div ui-view='' class='view'></div>
   </div>
  <div ng-include="'client/template/footer.tpl.html'"></div>
</div>

在正文中使用ng时钟。您可能希望使用“解析”：在应用程序中使用angularjs块ui模块。它将阻止整个页面，直到加载所有数据。我使用ng斗篷，这并没有解决我的问题，ng斗篷是为了在渲染之前不看到{{}。我不希望所有视图都显示出来。

<div ng-cloak>
  <div ng-include="'client/template/nav.tpl.html'"></div>
   <div class='main-wrapper'>
     <div ui-view='' class='view'></div>
   </div>
  <div ng-include="'client/template/footer.tpl.html'"></div>
</div>