Class PostComponent

examples/angular/basic/src/app/components/post.component.ts:17–34

  templateUrl: './post.component.html',
})
export class PostComponent {
  readonly #postsService = inject(PostsService)

  readonly setPostId = output<number>()
  readonly postId = input(0)

  readonly postQuery = injectQuery(() => ({
    enabled: this.postId() > 0,
    queryKey: ['post', this.postId()],
    queryFn: (context) => {
      // Cancels the request when component is destroyed before the request finishes
      const abort$ = fromEvent(context.signal, 'abort')
      return lastValueFrom(
        this.#postsService.postById$(this.postId()).pipe(takeUntil(abort$)),
      )
    },
  }))
}