Angular 2 bootstrap 个过程

Question

我想在调用 Angular 中的 bootstrap 方法之前发出 AJAX 请求 2 以 bootstrap 页面加载应用程序。

使用 Angular 是否有任何我可以监听的挂钩？我知道我可以将它包装在普通 javascript ajax 请求中，但我认为可能有一种标准方法可以使用 Angular 2. 我需要先从服务器获取配置文件我启动 Angular 2 应用程序。

Answer 1

据我所知Angular没有为这个用例提供特殊的钩子。
一个简单的 "workaround" 就是用 ngIf:

包裹根组件模板的内容

@Component({
  selector: 'my-app',
  template: `
<div *ngIf="_config">
  ...
</div>`
...
)}
export class MyApp {
  private _config;
  constructor(configService:ConfigService) {
    configService.change.subscribe(value) => {
      this.config = value;
    });
  }
}

Angular 2 bootstrap 个过程

Angular 2 bootstrap process

angular

angular2-routing

angular2-template

angular2-services