Stable Class
Class Overview
1 2 3 4 5 6 7 | class EventEmitter { constructor(isAsync?: boolean) emit(value?: T) subscribe(generatorOrNext?: any, error?: any, complete?: any) : any} |
Class Description
Use by directives and components to emit custom Events.
Examples
In the following example, Zippy alternatively emits open and close events when its title gets clicked:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | @Component({ selector: 'zippy', template: ` <div class="zippy"> <div (click)="toggle()">Toggle</div> <div [hidden]="!visible"> <ng-content></ng-content> </div> </div>`})export class Zippy { visible: boolean = true; @Output() open: EventEmitter<any> = new EventEmitter(); @Output() close: EventEmitter<any> = new EventEmitter(); toggle() { this.visible = !this.visible; if (this.visible) { this.open.emit(null); } else { this.close.emit(null); } }} |
The events payload can be accessed by the parameter $event on the components output event handler:
1 | <zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy> |
Uses Rx.Observable but provides an adapter to make it work as specified here: https://github.com/jhusain/observable-spec
Once a reference implementation of the spec is available, switch to it.
Constructor
constructor(isAsync?: boolean)
Creates an instance of [EventEmitter], which depending on [isAsync], delivers events synchronously or asynchronously.
Class Details
emit(value?: T)
subscribe(generatorOrNext?: any, error?: any, complete?: any) : any
exported from @angular/core/index, defined in @angular/core/src/facade/async.ts
Please login to continue.