Class DynamicPageComponent

apps/ssr-isr/src/app/dynamic.component.ts:27–41

  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class DynamicPageComponent {
  private http = inject(HttpClient);

  private postId$ = inject(ActivatedRoute).params.pipe(
    map((p) => p['id'] as string),
  );

  post$ = this.postId$.pipe(
    switchMap((id) =>
      this.http.get<{ title: string; body: string }>(
        `https://jsonplaceholder.typicode.com/posts/${id}`,
      ),
    ),
  );
}