如何注入定制服务以纯ES5（JavaScript）的角度成分？ [英] How to inject custom service to angular component in plain ES5 (Javascript)?

问题描述

我有一个工作angular2 的直流电阻 T。
我实现了一个类的一些服务（使用 ng.core.Class 如果该事项）。
什么是最少的步骤来注入我的服务我的组件？我应该包括我的引导功能服务？我应该使用任何 ng.core.Inject 或 ng.core.Injectable？我的所有实验到目前为止还没有。

I have a working angular2 Component. I implemented a class for some service (using ng.core.Class if that matters). What are the minimal steps to inject my service to my Component? Should I include my service in bootstrap function? Should I use any of ng.core.Inject or ng.core.Injectable? All my experiments failed so far.

推荐答案

您可以做到超级简单。只要创建一个类的让它通过提供商属性或通过引导

You can do it super simple. Just create a class an pass it through providers property or through 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');
}

然后将它传递给组件

Then pass it to the component

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

或通过引导

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

下面是一个例如，以便你可以在它看看。

Here's an example so you can take a look at it.

参考

• Class （你可以找到在评论它的一些用法示例）

• Class (you can find some examples of its usage in the comments)

这篇关于如何注入定制服务以纯ES5（JavaScript）的角度成分？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！