APP_INITIALIZER函數的使用方法

這篇文章給大家分享的是APP_INITIALIZER函數的使用方法。小編覺得挺實用的，因此分享給大家學習。如下資料是關于APP_INITIALIZER的內容。

APP_INITIALIZER是在Angular2.x程序啟動之前執行的一個函數，可以在這個里面進行自動登錄，判斷登錄token，阻止啟動等一系列操作，可以在AppModule類的providers中以factory的形式來配置，factory是一個返回值為promise的函數。

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的函數

簡單的一個Projmise例子
export function initApp() {
  return () => {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('In initApp');
        resolve(); //reject() 就會終止程序的啟動
      }, 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();
      });
  };
}

更多相關內容:

Angular2.x APP_INITIALIZER 

在 Angular 中 APP_INITIALIZER 的作用是什么

看完上述內容，你們掌握APP_INITIALIZER函數的使用方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！