Multiple index.html angular pages

Question

I am new to angular and I am still deciding if I want to use it. I want to have two separate “base” pages in my application: authenticated and not authenticated. They have different skeletons with different areas of content. That way, I can't just redirect the individual parts, but most likely the html.

• Is there a way to have 2 applications, 1 for index1.html and one for index2.html?

OR

• Is there an easier way to do this? Or is it just not what angular is built for?

Answer 1

You can use ngInclude to conditionally change the contents of various parts of a page. Thus, your header and footer may change depending on whether the user is authenticated and the main content area still serves content based on your routes.