Bonjour,
Cette question relève plus de la crainte qu'une problématique téchnique. Je m'explique, rien ne t'empêche de créer un fichier ici :
// path : /root/path/web/app.js
angular.module("myApp",[]).run([function(){
console.log("run function for app MyApp");
}]);
Dans ta vue twig :
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="{{ asset('app.js') }}"></script>
Ne pas oublier d'initialiser dans n'importe quel balise, ton application Angular. Exemple avec le body :
<body ng-app="myApp">
Voilà, tu viens de faire fonctionner AngularJS avec Symfony. Rien de bien méchant tu me diras, mais ce n'est pas très propre.
En effet, Google suggère une architecture proche dès langage backend à savoir 1 fichier par Entité angularJS (comprendre : controller, directive, factory, service, filter, animation, ....) ainsi qu'un fichier par module et un fichier pour l'app courante.
Plus d'information ici : https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/mobilebasic?pli=1
Pour mettre en place cette architecture, tu dois avoir des tâches qui se chargerons d'unifier, minifier, compiler éventuellement tes fichiers de développement pour qu'ils soient propres pour mise en production.
Pendant longtemps, symfony proposait une solution appelé Assetic : http://symfony.com/doc/current/assetic/asset_management.html
Elle est maintenant considéré comme non optimal et obsolète. il est bien plus recommandé de se tourner vers de vrais gestionnaires de tâche. Ils sont tous basé sur l'interpreteur nodeJs
liste des plus populaires :
Pour commencer je te recommande GulpJS, voici une bonne base de démarrage : https://github.com/acseo/gulp-symfony-tutoriel
Bon courage !
rahmanefai