Run Angular 2 app in one Symfony 3 project page

I need help building an Angular app in a Symfony 3 web app.

What I want to achieve is a bit tricky and I don't even know if it is possible.

I have a web application built on Symfony 3, this is pretty classic. But in one of the app options, I would like to run an Angular app (inside the main template to keep the title, menu, footer, etc.). I need this because the page in / configurator is very user-friendly and I think it would be much easier to develop (and more user friendly) with Angular than do things with jquery, for example.

So each path (/ home, / route1, etc.) and / configurator will work with Symfony (symfony controllers rendering branch templates), but inside the twig template of / configurator template the main content will be Angular (with some json requests for a symfony application as a backend).

The page / configurator template looks something like this:

{% extends 'base.html.twig' %}

{% block content %}

<div class="row">
    <app-root>Loading...</app-root> 
</div>

{% endblock %}

      

        
        
        
      

    

I need some advice on how to set up and achieve this (is it possible?): How to set up Angular with symfony (angular src in AppBundle / Resources?)

Thank you for your help!