.NET master page equivalent in Angular with external html pages

76 Views Asked by At

Our current application is ASP.NET Webforms, and we're planning on migrating it to Angular and ASP.NET Core.

As POC, I'm trying to figure out how we can maintain existing structure. Our header and footer are designed by a different team and they are currently referenced in the master pages via the header.html and footer.html files from a separate folder supplied by this team. Unfortunately this process won't change with move to Angular.

I'm trying to figure out the best way to integrate existing html pages in an angular component but I haven't come across any good tutorial / examples for this.

I tried to add the link to files in template url for header/footer components I created but I get an error:

Error NG5002: Unexpected character "EOF"

There's nothing but regular html markup in these files.

I cannot touch these html pages (either content or even where they are deployed in IIS) as they're created by a different team and they have the freedom to make changes as they see fit (header has links to different services/offerings/clients and these get frequent updates)

If Angular doesn't provide this functionality, the alternative I'm thinking is to have a layout built in ASP.NET Core MVC and plug-in the Angular application into it. Header and footer can continue to be referenced from the pages built by external devs and we'll still only be responsible for our Angular section

0

There are 0 best solutions below