This technique can't be done in action because you already built your page sources (let's say meta tags for index.html in head section) and when you're routing to a specific route, you are only updating the inner content of index.html (again, I'd say you can't manipulate the head section of your page in SPA project)

If you want to manipulate the whole page, including content and head sections you need to render each page instead of updating the inner part of index.html which is feasible by implementing SSR or SSG.

In Angular v20(and above) you don't need to special setup but for older versions you have to configure the Angular universal package in your project to achieve SSR support.