首先加载标题，然后等待在 Angular 应用程序中加载主要内容

Question

我有一个标准的网站，布局如下（请原谅我伟大的艺术技巧！

|-------------------|
|   HEADER          |
|___________________|
|------||-----------|
| side ||  Main     |
| bar  ||  Content  |
|      ||           |
|------||------------   

我正在使用Angular UI路由器进行路由和状态。 这是使用解析器加载特定状态的数据。如果我导航到一个状态，首先加载所有数据，然后同时显示所有 3 个主要组件。 通常，标题/侧边栏加载速度非常快，并且主要内容需要更多时间。

是否有可能以某种方式显示它们按顺序出现：

1. 页眉
2. 侧 栏
3. 事由

此外，优选地，主要内容还将包括加载器。 我的第一个想法是将代码放在控制器中而不是作为解析器，但我认为解析器的方式要优雅得多。

Answer 1

您可以使用角度延迟来创建承诺并组织代码，使用角度延迟，您可以在显示某些内容后调用方法。

您可以在此处查看文档

例如：

var showheader=function()
{
  var defer=$q.defer();
     //do your stuff
     //show your header
  defer.resolve();
  return defer.promise;
}
showheader().then(function(){
    //show your main and sidebar  
});