@angular/core/rxjs-interop

outputFromObservable

Initializer API

stablesince v19.0

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.

API

OutputRef<T>

@paramobservableObservable<T>

@paramoptsOutputOptions | undefined

@returnsOutputRef<T>

Usage notes

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

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