breadcrumb disappears on multiple refreshes #24

SangeetaJ · 2019-12-19T11:53:50Z

SangeetaJ
Dec 19, 2019

Describe the bug
When you refresh the page multiple times breadcrumb disappears.
I'm using "xng-breadcrumb": "^4.0.0",

This is what I get in console when breadcrumb doesn't show up :

any idea what's wrong?

Answered by udayvunnam

@SangeetaJ I think I understood your problem. The breadcrumb which is set dynamically in component is lost and not shown when refreshed.

The problem is where you set the this.breadcrumbService.set('/path', 'label')

When you move from one route to another, we store all the dynamically provided labels and show them in Breadcrumb.
But when do a refresh, you have to make sure the component where you set the label dynamically is loaded into the view.
You can move up the logic this.breadcrumbService.set() to it's nearest parent which is always in the view no matter whichever child is rendered.

udayvunnam · 2019-12-20T04:47:05Z

@SangeetaJ I think I understood your problem. The breadcrumb which is set dynamically in component is lost and not shown when refreshed.

The problem is where you set the this.breadcrumbService.set('/path', 'label')

When you move from one route to another, we store all the dynamically provided labels and show them in Breadcrumb.
But when do a refresh, you have to make sure the component where you set the label dynamically is loaded into the view.
You can move up the logic this.breadcrumbService.set() to it's nearest parent which is always in the view no matter whichever child is rendered.

1 reply

I have moved up the logic to its nearest parent, even all of the ancestors but it still disappeared. Please tell me what is my wrong?

SangeetaJ · 2019-12-20T12:50:47Z

That worked!

Thank you so much. Closing this issue.

0 replies