0Pricing
Angular Academy · Lesson

Outputs with output()

Emit events with the new output API.

Signal-Era Outputs

Alongside signal inputs, modern Angular provides the output() function to declare component events, replacing the classic @Output with EventEmitter.

Declaring an Output

Call output() to create an event a component can emit. Provide a generic type for the payload.

import { Component, output } from "@angular/core";

@Component({ selector: "app-counter", template: "" })
export class CounterComponent {
  changed = output<number>();
}

All lessons in this course

  1. Signal Inputs with input()
  2. Required and Transformed Inputs
  3. Outputs with output()
  4. View Queries with viewChild
← Back to Angular Academy