GeezerVison

The World Wide Web, restored to 800 pixels of glory.

GeezerVison is showing next.angular.dev — EventEmitter • Angular

API

    
      interface EventEmitter<T> extends Subject<T>, OutputRef<T> {
}

Emits an event containing a given value.

@paramvalueT | undefined

The value to emit.

@returnsvoid

Registers handlers for events emitted by this instance.

@paramnext((value: T) => void) | undefined

When supplied, a custom handler for emitted events.

@paramerror((error: any) => void) | undefined

When supplied, a custom handler for an error notification from this emitter.

@paramcomplete(() => void) | undefined

When supplied, a custom handler for a completion notification from this emitter.

@returnsSubscription

Registers handlers for events emitted by this instance.

@paramobserverOrNextany

When supplied, a custom handler for emitted events, or an observer object.

@paramerrorany

When supplied, a custom handler for an error notification from this emitter.

@paramcompleteany

When supplied, a custom handler for a completion notification from this emitter.

@returnsSubscription

Usage Notes

Extends RxJS Subject for Angular by adding the emit() method.

In the following example, a component defines two output properties that create event emitters. When the title is clicked, the emitter emits an open or close event to toggle the current visibility state.

@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);
    }
  }
}

Access the event object with the $event argument passed to the output event handler:

<zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy>

You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.