如何将从后端呈现的参数传递给angular 2引导方法

Question

如何将从后端呈现的参数传递给angular 2引导方法是否有方法将后端呈现的参数传递给angular 2引导方法？我希望为所有请求设置http头，使用BaseRequestOptions从后端提供的值。我的main.ts文件如下所示：import { bootstrap } from '@angular/platform-browser-dynamic';import { AppComponent } from "./app.component.ts";bootstrap(AppComponent);我找到了如何将这个参数传递给根组件(https://stackoverflow.com/a/35553650/3455681)，但是当我在燃烧的时候，我需要它bootstrap方法.。有什么想法吗？编辑：webPack.config.js内容：module.exports = {   entry: {     app: "./Scripts/app/main.ts"   },   output: {     filename: "./Scripts/build/[name].js"   },   resolve: {     extensions: ["", ".ts", ".js"]   },   module: {     loaders: [       {         test: /\.ts$/,         loader: 'ts-loader'       }     ]   }};

Answer 1

您可以创建和导出一个执行以下工作的函数，而不是让入口点调用引导程序本身：

export function doBootstrap(data: any) {
    platformBrowserDynamic([{provide: Params, useValue: new Params(data)}])
        .bootstrapModule(AppModule)
        .catch(err => console.error(err));}

您还可以根据安装程序(webpack/SystemJS)将此函数放置在全局对象上。它也是与AOT兼容的。

这有额外的好处，延迟引导，当它是有意义的。例如，当您在用户填写表单后以Ajax调用的形式检索此用户数据时。只需使用这些数据调用导出的引导函数即可。