The bellow http interceptor fails to append the headers with the Authorization header nut it is succesfully adding the ‘x-test-header’ one

I am working on an Angular 16 project and need to override a specific function within the built-in nonce.js file. However, I am unsure about the correct approach to achieve this. Could someone guide me on how to properly override a function in an internal Angular file? I have limited experience with modifying internal Angular files, and I am concerned about potential issues or best practices I should be aware of. Any detailed instructions or examples would be greatly appreciated, especially if they include steps to ensure that the changes are maintainable and do not cause conflicts during updates or with other parts of the application. Thank you in advance for your assistance!

I am new to angular and i am facing issue where Angular16 does not display the properties of an object when defined in an external class. Check out the following illustration.

I have a directive that’s supposed to add an icon to the targeted element. It works today by setting the innerHTML to SVG as a string. Now, I’d like to improve it, so I declared a custom component that encapsulates the icon.