Angular2：提供的参数与调用目标的任何签名都不匹配

Question

我创建了自己的可观察服务

import { Injectable, EventEmitter, Output} from '@angular/core';

@Injectable()
export class ObservableService {
    data = [];
    @Output eventEmitter:EventEmitter = new EventEmitter();

    setSharedData(key, value) {
        this.data[key] = value;
        this.eventEmitter.emit(this.data);
    }

    getSharedData() {
        return this.data;
    }
}

这是一个用法示例

ngOnInit() {
        this._observable.eventEmitter.subscribe((data) => {
            console.log(data);
        })
    }

所以目前在编译时说

app/services/data-observable.service.ts(6,5): error TS1240: Unable to resolve signature of property decorator when called as an expression.
  Supplied parameters do not match any signature of call target.

指的是这个特定的字符串，

@Output eventEmitter:EventEmitter = new EventEmitter();

但是服务工作完美，有什么建议有什么不对吗？

Answer 1

您缺少Output()之后的括号。 尽管在服务中没有必要使用Output() 。 这仅在组件或指令中是必需的，因为这样您就可以在模板中使用(eventEmitter)="onEventEmit($event)"表示法。

另一方面，您缺少通用EventEmitter<T>的类型注释：

eventEmitter: EventEmitter<any> = new EventEmitter();

要么

eventEmitter: EventEmitter<boolean> = new EventEmitter<boolean>();

EventEmitters ， EventEmitters仅应在@Component内部使用。 如果你想类似的功能，使用Subject从rxjs 。

subject: Subject<boolean> = new Subject<boolean>();