Angularjs on a symfony2 application

Question

I'm working on a SF2 application that uses a lot of javascript on the front end.

SF2 provides me a good way of building a nice REST app, manage my database with doctrine, use twig for templates and so on, but I would like to use Angularjs.

I know that angularjs an SF2 are 2 different framework with different approach, but I'm wondering what the best way to make this work is.

Is it even worth it?

If yes, what do you think is the cleaner and most efficient solution?

Maybe use php instead of twig for templates to use angularjs curly braces ?

Answer 1

I think Symfony2 can perfectly work well with AngularJS. Proof is I'm making an API on one side using Symfony, and a web app on the other side with AnglularJS.

Moreover, for some reasons I generate my views in my web app with Twig. I simply embed angular's curly braces in a twig {% verbatim %} {% endverbatim %} statement each time I need to use Angular in my views.

Answer 2

As of Twig 1.12 the raw tag was renamed to verbatim:

{% verbatim %}     <ul>     {% for item in seq %}         <li>{{ item }}</li>     {% endfor %}     </ul> {% endverbatim %} 

Everything in-between won't be parsed by the Twig Engine and can be used by AngularJS.

Though I'd recommend changing the AngularJS delimiters. Otherwise it can be hard to distinguish between Twig and AngularJS code when looking at your templates.