使用 ES5 创建服务和工厂并将它们注入组件
Create Services and Factories and inject them to components using ES5
如果 Angular2 代码是使用 ES5 编写的,如何创建服务和工厂并将它们注入组件。
所有在线示例均使用 TypeScript。请提供一个简单的例子。
您可以使用 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());
}]
});
如果 Angular2 代码是使用 ES5 编写的,如何创建服务和工厂并将它们注入组件。
所有在线示例均使用 TypeScript。请提供一个简单的例子。
您可以使用 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());
}]
});