角度打字稿 - 输入 EventEmitters

Question

I want my EventEmitter to be typed to a set of classes

export const EVENT_ACTIONS = {
    OPEN_EVENT: "OPEN_EVENT",
    OPEN_REGISTRATION: "OPEN_REGISTRATION"
}


export class OpenEventAction { type = EVENT_ACTIONS.OPEN_EVENT; constructor(public payload: SbEvent) { } }
export class OpenRegistrationAction { type = EVENT_ACTIONS.OPEN_REGISTRATION; constructor(public payload: SbEvent) { } }

export type EventActions
    = OpenEventAction
    | OpenRegistrationAction

In Component

@Output() eventOutput:EventEmitter<EventActions> = new EventEmitter();

I'm getting a Decorators are not valid here error and my IDE says Type EventEmitter ist not generic.

I don't really understand this error. Please help!

Cheers

Answer 1

The problem for me was the incorrect import as mentioned by @JB Nizet in the comments. I was importing EventEmitter from events . Instead the import needed to be import { EventEmitter } from '@angular/core' .

Then I was able to specify a type like so:

@Output('search-term') searchTerm: EventEmitter<string> = new EventEmitter();