APP_INITIALIZER是在Angular2.x程序啟動(dòng)之前執(zhí)行的一個(gè)函數(shù)，可以在這個(gè)里面進(jìn)行自動(dòng)登錄，判斷登錄token，阻止啟動(dòng)等一系列操作，可以在AppModule類(lèi)的providers中以factory的形式來(lái)配置，factory是一個(gè)返回值為promise的函數(shù)。

10年積累的成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站策劃后付款的網(wǎng)站建設(shè)流程，更有解放免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, APP_INITIALIZER } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: initApp,
            deps: [HttpClient],
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

下面我們看initApp的定義，注意一定要是返回值為Promise的函數(shù)

簡(jiǎn)單的一個(gè)Projmise例子
export function initApp() {
  return () => {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('In initApp');
        resolve(); //reject() 就會(huì)終止程序的啟動(dòng)
      }, 3000);
    });
  };
}

獲取一種信息
export function initApp(http: HttpClient) {
  return () => {
    return http.get('https://api.github.com/users/sagar-ganatra')
      .toPromise()
      .then((resp) => {
        console.log('Response 1 - ', resp);
      });
  };
}

登錄后獲取一種信息
export function initApp(http: HttpClient) {
  return () => {
    return http.get('login').toPromise()
      .then((resp) => {
                this.user = resp.user;
                return this.http.get('fileInfo').toPromise();
      });
  };
}