Angular2 app only as a part of the page

Question

Is it possible to write and deploy Angular2 app within existing page as a small component? The idea is that most of the page is generated by PHP but main content would like to replace by Angular app for better Ux and Ui.

For example:

<!doctype html>
<html lang="en">
<head>
....
</head>
 <body>
   <some_header>....</some_header>

    <app-angular>
    </app-angular>

  <some_footer>....</some_footer>
</body>
</html>

What are the limitations?

bigwolk · Accepted Answer · 2018-04-11 07:29:11Z

2

Angular is a framework - it's designed for creating single page applications from scratch. For existing applications better will be React - a library very similar to Angular - You shouldn't have problems with it.

answered Apr 11, 2018 at 7:29

bigwolk

4184 silver badges17 bronze badges

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

Comments

Yakov Fain · Accepted Answer · 2018-04-11 07:58:59Z

2

This should be available with the help of Angular Elements (see http://nitayneeman.com/posts/a-practical-guide-to-angular-elements/), which will allow you to create a custom web component, which can be placed into any HTML page. I really hope that it'll be released with the upcoming Angular 6.

answered Apr 11, 2018 at 7:58

Yakov Fain

12.4k5 gold badges35 silver badges40 bronze badges

Collectives™ on Stack Overflow

Angular2 app only as a part of the page

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related