如何在函数中使用Angular @Injectable（不是类）

Question

我正在为Angular（2+）应用程序创建服务，所有文档都使用类，但我更愿意将该服务编写为函数。

这是我想要的工作什么的（但没有）：

import { Injectable } from '@angular/core'; 

export const AframeMessengerService = Injectable()(function AframeMessengerService() { 
    console.log('aframe messenger'); 
}); 

有了这个，我中注入它在文件中出现此错误：

Cannot find name 'AframeMessengerService'. 

这里是没有工作，但不是我想要的东西：

import { Injectable } from '@angular/core'; 

@Injectable() 
export class AframeMessengerService { 
    constructor() { 
     console.log('aframe messenger'); 
    } 
} 

Answer 1

基本上你正在做的一切正确的位置：

import { Injectable } from '@angular/core'; 

export const AframeMessengerService = Injectable()(function AframeMessengerService() { 
    console.log('aframe messenger'); 
}); 

现在，你需要添加此到模块供应商：

import { AframeMessengerService } from './a.service'; 

@NgModule({ 
    ... 
    providers: [AframeMessengerService], 
}) 
export class AppModule {} 

，并注入这样说：

import { AframeMessengerService } from './a.service'; 

@Component({ 
    selector: 'my-app', 
    ... 
}) 
export class AppComponent { 
    constructor(@Inject(AframeMessengerService) s) { } 

有一点要注意的是，当你将被注入的服务为AframeMessengerService你需要通过一个参数索引：

import { Inject, Injectable, Injector } from '@angular/core'; 

const AframeMessengerService = Injectable()(function AframeMessengerService(i) { 
    console.log('aframe messenger'); 
}); 

Inject(Injector)(AframeMessengerService, null, 0); 
             ^^^^^^^ 

export { AframeMessengerService };