ObjectUnsubscribedError when trying to prevent subscribing twice

Question

I have a Service and a component that uses it:

• PagesService
• PagesListComponent

In the PagesService

Answer 1

I would get the subscription and unsubscribe on it this way and not on the subject directly:

ngOnInit() {
  this.pages$ = this.pagesService.getPagesListener();
  this.subscription = this.pages$.subscribe((pages) => { // <-------
    this.pages = pages; console.log(pages);
  });
  this.pagesService.getAll();
}

ngOnDestroy() {
    this.subscription.unsubscribe(); // <-------
}