Angular 2 - Output strange error

Question

I get a strange error when using @Output

Output declaration

@Output() change: EventEmitter = new EventEmitter();

Emitting Value

this.change.emit('string');

Event listener

<selective (change)="getDataAreas($event)"></selective>

Do I forget someting?

When I add the last command (change) I always get this error to the console

TypeError: instance[output.propName].subscribe is not a function

FYI

The emit is inside this code

this.sub = this.searchField.valueChanges
        .startWith('')
        .debounceTime(200)
        .subscribe((result) => {
            this.change.emit(result);
        });

I don't have problems with the observable. It works as I expect... — Michalis
– Michalis, Commented May 11, 2017 at 5:54
In which component do you define the @Output() change? Can you give more detail or maybe share the code of these 2 components (listener and emitter)? — eko
– eko, Commented May 11, 2017 at 5:55

Michalis · Accepted Answer · 2017-05-11 06:09:32Z

4

I found it...

PHP Storm auto generate wrong import path

import {EventEmitter} from "events"; // Wrong

import {EventEmitter} from '@angular/core'; // Right

answered May 11, 2017 at 6:09

Michalis

7,00614 gold badges56 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amit Chigadani Over a year ago

PHP Storm does ask you before it adds the import statement. You should wisely select which one to use.

Collectives™ on Stack Overflow

Angular 2 - Output strange error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related