Comments (9)
I hotfixed this issue resetting breadcrumb with this.dynamicBreadcrumbService.updateBreadcrumbLabels([]);
in ngDestroy
hook.
from ng7-dynamic-breadcrumb.
Note I was able to code a work around by having the ApplicationsComponent set the breadcrumb for the child. This shouldn't be necessary but seems to prove to me that there are more than one breadcrumb service instance being loaded. And the ApplicationSummaryComponent is setting a different one somehow. I have no idea how this happened.
from ng7-dynamic-breadcrumb.
This will reproduce the issue https://stackblitz.com/edit/ng7-mat-breadcrumb-6nkaqh
Click back and forth between the pageOneId 1 and 2 links on the main screen and watch the breadcrumbs on the next page.
from ng7-dynamic-breadcrumb.
@canpan14 could you please tell me what the workarround is? until this bug gets fixed?
from ng7-dynamic-breadcrumb.
shouldn't the module implement forRoot for this to work?
from ng7-dynamic-breadcrumb.
That's might help. I didn't try forking this and recoding it yet, a little busy (sorry for the late reply).
Here is a version with the workaround. Note this is a little sloppy, but the important thing to note is that I'm calling update breadcrumb in the page.component.ts. Which updates the breadcrumbs on the next page for me.
https://stackblitz.com/edit/ng7-mat-breadcrumb-e4cyks
from ng7-dynamic-breadcrumb.
Found out how to fix it. Please note I only did it for the material angular one to show as an example.
I left comments in the pull request, let me know if you need anymore information.
from ng7-dynamic-breadcrumb.
Hello, do we have any updates on this issue? Are there any problems with PR, when could it be merged?
from ng7-dynamic-breadcrumb.
New Version unable to reproduce, We Believe issue has been fixed.
from ng7-dynamic-breadcrumb.
Related Issues (20)
- Avoid usage of ngStyle for SEO HOT 1
- How i can prevent breadcumb on click. HOT 1
- How hide breadcrumb on some pages? HOT 1
- Issue witch CSS/Input parameters HOT 2
- [BUG] Using ng-dynamic-breadcrumb isn't compatible with Azure. Error -> "NullInjectorError: No provider for t!"
- Getting NullinjectorError while using. HOT 2
- Breadcrumb as a dropdown HOT 1
- Click on breadcrumb link,my page url is changing. HOT 1
- updateBreadcrumb with query string for the URL not working HOT 10
- Can't Run with Angular 12.2.5 and Ivy
- Integrate with ngx-translate
- By Click on breadcrumb click my page url is updating problem..
- unable to find some library in angular 11 during ng serve
- Angular 13 compat
- breadcrumbService.updateBreadcrumbLabels doesn't update after first call HOT 1
- Update breadcrumb with URL+query params
- Not compatible with Angular 14 HOT 1
- ng-dynamic-breadcrumb 6 not compatible with Angular 13
- ng dynamic breadcrumb is not compatible with angular 15 HOT 4
- ng dynamic breadcrumb is not compatible with angular 16 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ng7-dynamic-breadcrumb.