lecter | An Inoreader desktop app | Dektop Application library

I've built an angular application with routing components. I've tried to add Facebook and Twitter sharing buttons. When navigating to other components through routerlinks, the Facebook and Twitter share buttons correctly update their URL. But when navigating to the same component that is already active with other route params, the Facebook sharing button updates the URL correctly, but the Twitter sharing button doesn't.

I've built a reproduction: https://github.com/MintPlayer/SocialShareButtonsAngular

• git clone https://github.com/MintPlayer/SocialShareButtonsAngular
• cd SocialShareButtonsAngular
• npm install
• ng serve --open

Now you can test it: - The upper share buttons are from the AppComponent. They won't change when navigating. - The bottom share buttons are located in the routing components, each time again to demonstrate what's happening

• Home
  • From the homepage, click the bottom Facebook share
  • The url to be shared is: u= https%3A%2F%2F....%2Fhome
  • Click the bottom Tweet button
  • The url to be shared is https://..../home
  • All fine
• Go to John Wick
  • From the John Wick page, click the bottom Facebook share
  • The url to be shared is: u=https%3A%2F%2F....%2Fperson%2F1 (/person/1)
  • Click the bottom Tweet button
  • The url to be shared is https://..../person/1
  • All fine
• Now navigate to another person (eg. Hannibal Lecter)
  • From the John Wick page, click the bottom Facebook share
  • The url to be shared is: u=https%3A%2F%2Fmintplayer.com%2Fperson%2F2 (/person/2)
  • Click the bottom Tweet button
  • The url to be shared is STILL https://..../person/1
  • When switching between items rendered in the same navigation component, the Twitter sharing url isn't updating.

The entire reproduction can be found in this repository: https://github.com/MintPlayer/SocialShareButtonsAngular

There is essential information being printed to the console already.

Inside the FacebookShareComponent and TwitterShareComponent, there's a routerLink input. When the routerLink is being set, the commands array is being computed. The items inside this array are being monitored as well using the IterableDiffers.