Angular 2在Bootstrap之前解析服务

发布时间：2020-12-17 18:04:59 所属栏目：安全来源：网络整理

导读：http://plnkr.co/edit/yhQQZxTxB8ZVFysqO6lP?p=preview 在AppComponent加载之前,如何确保我的AuthService得到解决？ //main entry pointimport {bootstrap} from '@angular/platform-browser-dynamic';import {Http,HTTP_PROVIDERS} from '@angular/http';im

http://plnkr.co/edit/yhQQZxTxB8ZVFysqO6lP?p=preview

在AppComponent加载之前,如何确保我的AuthService得到解决？

//main entry point
import {bootstrap} from '@angular/platform-browser-dynamic';
import {Http,HTTP_PROVIDERS} from '@angular/http';
import {App} from './app';
import {AuthService} from './auth.service';
import {provide,enableProdMode,APP_INITIALIZER} from '@angular/core';

bootstrap(App,[HTTP_PROVIDERS,provide("isLoggedIn",{ useFactory: (auth:AuthService) => () => auth.login(),deps:[HTTP_PROVIDERS],multi: true }),])
  .catch(err => console.error(err));

解决方法

您可以使用APP_INITIALIZER令牌来提供您的authFactory：

//main entry point
import {bootstrap} from '@angular/platform-browser-dynamic';
import {Http,APP_INITIALIZER} from '@angular/core';

export function authFactory(auth: AuthService){
    return auth.login()
}

bootstrap(App,[
    HTTP_PROVIDERS,{
        provide: APP_INITIALIZER,useFactory: (auth),deps: [AuthService],multi: true
    }
]).catch(err => console.error(err));

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!