In angular 2 how do you make the canonical tag in the index.html page dynamically change

In angular 2 how do you make the canonical tag in the index.html page dynamic so I can share page urls with social media.

This is it currently:

<link rel="canonical" href="https://mywebsite.co.uk">