如何将从后端呈现的参数传递给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调用的形式检索此用户数据时。只需使用这些数据调用导出的引导函数即可。