使用ES5创建服务和工厂并将其注入组件

Question

如果使用ES5编写Angular 2代码，如何创建服务和工厂并将它们注入组件。

所有在线示例都使用TypeScript。请提供一个简单的例子。

Answer 1

您可以使用ng.core.Class：

以这种方式实现服务

    var service = ng.core.Class({
        constructor: function(){},
        simeMethod: function() {
            return 'hello';
        }
    });

以这种方式将其注入组件的ng.core.Class的构造函数属性中的组件中：

var component = ng.core
    .Component({
        selector: 'comp',
        template: '<div>test</div>',
        providers: [service]
    })
    .Class({
        constructor: [service, function(service) {
                   console.log(service.someMethod());
            }]
        });