Angular2 app on a different HTML page

Question

I'm working on an Angular2 app and have a requirement to not bootstrap the application on index.html. Given that NG2 uses the HTML5 routing features, this doesn't work too well if you are not using index.html as your bootstrap. (Especially if you refresh the page)

What is the preferred way to bootstrap an NG2 application, not on index.html?
How do you preserve the url/routing so that a page refresh works? (again, not on index.html)

cyr_x · Accepted Answer · 2017-03-07 22:25:02Z

1

You could use APP_BASE_HREF in your application root module.

answered Mar 7, 2017 at 22:25

cyr_x

14.3k2 gold badges35 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hartpdx Over a year ago

This is what I was looking for, thank you! I just set this in the other HTML file: <base href="/my-application.html">

Madhu Ranjan · Accepted Answer · 2017-03-07 22:23:19Z

1

you can totally serve Angular on any HTML page, Route persistence depends on your server technology.

If you are using angular-cli, you can configure index file in .angular-cli.json file

"index": "myhomepage.html"

Whenever a route is called it goes to server to look up the Files, If your Server is configured to correctly Route they can be persisted.

Hope this helps!!

answered Mar 7, 2017 at 22:23

Madhu Ranjan

18k7 gold badges65 silver badges70 bronze badges

Collectives™ on Stack Overflow

Angular2 app on a different HTML page

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related