在es5中创建angular 2服务 [英] create an angular 2 service in es5

问题描述

我正在尝试在angular 2中创建自定义服务，但我似乎在es5中找不到关于angular 2服务的任何文档(这是我在编写代码的过程)

Im trying to create a custom service in angular 2 but i can't seem to find any documentation on angular 2 services in es5 (which is what im writing my code in) i've tried using this

(function(app){
    app.database=ng.core.Injectable().Class({
        constructor:[function(){
            this.value="hello world";
        }],
        get:function(){return this.value},
    });
    ng.core.Injector.resolveAndCreate([app.database]);
    ng.core.provide(app.database,{useClass:app.database});
})(window.app||(window.app={}));

但是，当我将其注入到组件中时，它会引发错误no provider for class0 (class10 -> class0)，我似乎无法弄清楚如何创建自定义服务.有谁知道如何在es5中做到这一点?

however when i inject it into my component it throws the error no provider for class0 (class10 -> class0) i can't seem to figure out how to create the custom service. does anyone know how to do this in es5?

推荐答案

此处是ES5依赖项注入的完整示例. (将服务转化为组件，将服务转化为服务).引导应用程序时或在组件的providers属性内，不要忘记指定服务.

Here is a complete sample of dependency injection with ES5. (service into component, service into service). Don't forget to specify your service when bootstrapping your application or within the providers attribute of components.

var OtherService = function() {};
OtherService.prototype.test = function() {
  return 'hello';
};

var Service = ng.core.Injectable().Class({
  constructor: [ OtherService, function (service) {
    this.service = service;
  }],

  test: function() {
    return this.service.test();
  }
});

var AppComponent = ng.core
  .Component({
    selector: 'my-app',
    template: '<div>Test: {{message}}</div>',
  })
  .Class({
    constructor: [Service, function (service) {
      this.message = service.test();
    }],
  });

document.addEventListener('DOMContentLoaded', function () {
  ng.platform.browser.bootstrap(AppComponent, [
    OtherService, Service
  ]);
});

就您而言，我认为您忘记在提供程序中添加app.database了.像这样:

In your case, I think that your forgot to add app.database in providers. Something like:

document.addEventListener('DOMContentLoaded', function () {
  ng.platform.browser.bootstrap(AppComponent, [
    app.database
  ]);
});

您也可以看看这个问题:

You could also have a look at this question:

• 使用ES5在Angular 2中进行依赖注入

这篇关于在es5中创建angular 2服务的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！