Developer Showcase

A reusable async pipe for handling promises and observables with automatic cleanup.

import { Pipe, PipeTransform } from '@angular/core';
import { Observable } from 'rxjs';

@Pipe({
  name: 'async',
  standalone: true
})
export class AsyncPipe implements PipeTransform {
  transform(value: Observable<any> | Promise<any>): any {
    if (value instanceof Observable) {
      return value.toPromise();
    }
    return value;
  }
}