javascript - 如何在纯 ES5（Javascript）中向 Angular 组件注入自定义服务？

Question

我有一个工作 angular2 Component。我为某些服务实现了一个类（ng.core.Class如果重要则使用）。将我的服务注入我的服务的最小步骤是什么Component？我应该将我的服务包含在引导功能中吗？到目前为止，我应该使用任何一个ng.core.Inject还是ng.core.Injectable?所有我的实验都失败了。

Answer 1

你可以做的超级简单。只需创建一个类并通过providers属性或通过bootstrap

例如

 // Alternative 1
 var Service = ng.core.Class({
  constructor : function() {},
  someFunction : function() {
    console.log('Some function');
  }
})

// Alternative 2
var Service = function() {}
Service.prototype.someFunction = function() {
  console.log('Some function');
}

然后将其传递给组件

var Component = ng.core.
      Component({
        selector: 'cmp',
        template : '',
        providers : [Service]
      }).
      Class({
        constructor: [Service, function(svc) {
          svc.someFunction();
        }]
      });

或通过引导程序

ng.platform.browser.bootstrap(Component, [Service]);

这是一个示例，因此您可以查看它。

参考

• 类（您可以在评论中找到一些使用示例）