ngOnInit(): void {
          this.currentProductService.getCode().subscribe(code => {
            if (code) {
              this.crumbs$ = this.breadCrumbsService.getBreadCrumbsForProductPage(code)
                  .map(data => {
                    return data.breadCrumbs;
                  }));
            }
}

Hi,

I'm trying to set "this.crumbs" which is an observable of object []. This works fine on the initial page load. But when I navigate this value isn't getting updated when a new 'code' is been fetched through the subscribe method.

Does anyone know any solution or tips??

CodePudding user response：

You don't subscribe to the 2nd observable, switchMap will fix that.

class Foo {
  ngOnInit(): void {
    this.currentProductService.getCode()
      .pipe(
        switchMap((code) => {
          return this.breadCrumbsService.getBreadCrumbsForProductPage(code)
        }))
      .subscribe(data => {
        // do what you want with data.breadCrumbs;
      })
  }
}