如何在 Angular 2 中使用 bootstrap 和原版 js/es6？

Question

我正在尝试在没有 TypeScript 的情况下实现 Angular 2 应用程序，但我对如何 bootstrap 它感到困惑（可以找到任何示例）。

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

开头

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

  constructor(http, platform, app) {

  }
}

这没问题。但是，比方说，我有一个 CustomService。我该怎么做才能将它注入 MyApp？

我试过：

bootstrap(myApp, [SomeCustomService]);

但控制台记录：例外：没有 Http 的提供者！ (MyApp -> Http)

我是不是漏了什么？我理解了一些概念吗？

Answer 1

当 bootstrapping 您的应用程序时，您需要添加 HTTP_PROVIDERS：

bootstrap(myApp, [HTTP_PROVIDERS, SomeCustomService]);

请注意，使用 Ionic2，无需 bootstrap 您的应用程序。您可以简单地在装饰有 @App:

的 class 上指定全局提供程序

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

How to use bootstrap in Angular 2 with vanilla js/es6?