@angular/core/rxjs-interop

outputFromObservable

function

stablesince v19.0

Declares an Angular output that is using an RxJS observable as a source for events dispatched to parent subscribers.

API

function outputFromObservable<T>(
  observable: Observable<T>,
  opts?: OutputOptions | undefined,
): OutputRef<T>;

OutputRef<T>

Declares an Angular output that is using an RxJS observable as a source for events dispatched to parent subscribers.

The behavior for an observable as source is defined as followed:

New values are forwarded to the Angular output (next notifications).
Errors notifications are not handled by Angular. You need to handle these manually. For example by using catchError.
Completion notifications stop the output from emitting new values.

@paramobservableObservable<T>

@paramoptsOutputOptions | undefined

@returnsOutputRef<T>

Declares an Angular output that is using an RxJS observable as a source for events dispatched to parent subscribers.

The behavior for an observable as source is defined as followed:

New values are forwarded to the Angular output (next notifications).
Errors notifications are not handled by Angular. You need to handle these manually. For example by using catchError.
Completion notifications stop the output from emitting new values.

Initialize an output in your directive by declaring a class field and initializing it with the outputFromObservable() function.

@Directive({..})export class MyDir {  nameChange$ = <some-observable>;  nameChange = outputFromObservable(this.nameChange$);}