javascript - View page source Angular Universal with Angular 11

Question

After user actions trying to update the script type application/ld+json src in angular Universal.

const script:HTMLScriptElement  = document.createElement('script');
script.setAttribute('type', 'application/ld+json');
script.setAttribute('src', 'assets/data/bangalore-to-hyderabad-schema.js');  
this.dom.body.appendChild(script);

But in elements body section is updated not in view page source under body section. Any help? thanks in advance.

question from:https://stackoverflow.com/questions/65600495/view-page-source-angular-universal-with-angular-11

Answer 1

It is normal. If you update dynamically the dom after a user action without reloading the page, then you will not see the modifications using View Source.

View source only shows you what the server sent to the browser, but none of the client side modifications