如何在Angular 2中使用带有vanilla js / es6的bootstrap？

Question

我正在尝试在没有TypeScript的情况下实现一个Angular 2应用程序而且我陷入了如何引导它（可以找到任何示例）。

我的应用程序（没有bootstrap（））以：

开头

export class MyApp {
  static get parameters() {
    return [[Http], [Platform], [IonicApp]];
  }

  constructor(http, platform, app) {

  }
}

这可行。 但是，让我们说，我有一个CustomService。如何将其注入MyApp？

我尝试过：

bootstrap(myApp, [SomeCustomService]);

但控制台记录： 例外：没有Http的提供者！ （MyApp - ＆gt; Http）

我错过了什么？我是否理解了一些概念？

Answer 1

引导应用程序时需要添加HTTP_PROVIDERS：

bootstrap(myApp, [HTTP_PROVIDERS, SomeCustomService]);

请注意，使用Ionic2时，无需引导您的应用程序。您只需在使用@App装饰的类上指定全局提供程序：

@App({
  (...)
  providers: [HTTP_PROVIDERS, SomeCustomService]
})
export class MyApp {
  (...)
}