Comment intégrer js angulaires dans grails 2.3.4?

Nous avons choisi de ne pas utiliser le plugin ressources angular-js, mais plutôt notre utilisation. Juste pour plus de souplesse quant à savoir quand et quoi mettre à jour, etc.

Il suffit de mettre les fichiers angularjs dans le dossier / js / lib. Créez un fichier de lot de ressources. (Nous avons le fichier grails-app / conf / AngularResources.groovy) et déclarons vos paquets de ressources angulaires js là-bas comme indiqué ci-dessous. Nous avons déclaré toutes nos ressources angulaires, comme, les contrôleurs / services / applications / directives à l'intérieur de AngularResources.groovy

 modules = { 'angular' { resource url:"js/lib/angular/angular.min.js", nominify:true resource url:"js/lib/angular/angular-resource.min.js", nominify:true } } 

Exigez le module à l'écran où vous souhaitez l'utiliser.

Nous avons deux projets en deux mondes distincts. Le premier projet, côté serveur, est en grails. Nous créons des services «reposants». Ce projet ne connaît rien concernant le plugin angulaire ou de ressources ou le pipeline d'actifs; N'utilise même pas les vues gsp, seules les réponses de json . À l'avenir, nous pouvons utiliser «api» pour créer des clients mobiles ou échanger des informations avec un autre service, etc.

L'autre côté, le client, ne sait rien de Grails. Ce sont toutes les pages de la statique avec html 5 , javascript et angularjs framework.

Je crois que «c'est» le paradigme que tout le monde va commencer à adopter à partir de maintenant.

Je préfère utiliser Asset Pipeline

D'abord, installez le plugin:

 http://grails.org/plugin/asset-pipeline 

Après cela, déplacez vos javascripts depuis web-app/js/* vers grails-app/assets/javascripts/* . Vous devez le faire avec des feuilles de style et des images aussi.

Installez et configurez nodejs + npm pour gérer les bibliothèques via le plugin Bower

 sudo apt-get install nodejs sudo apt-get install npm npm i -g bower 

Accédez à grails-app / assets et installez angularjs

 cd grails-app/assets bower install angular --save 

Dans votre application.js dans le dossier javascripts, ajoutez ces lignes dans la ligne 1:

 //= require angular/angular.js //= require_tree views //= require_self 

Enfin, ajoutez cette ligne dans vos SGP:

 <asset:javascript src="application.js"/> 

Grails a déjà un plugin pour angulaire

http://grails.org/plugin/angularjs-resources

Installez ceci et suivez les instructions

Encore un très bon exemple de grails et angulaire

https://github.com/hantsy/angularjs-grails-sample/

J'ai fait une application de démonstration en utilisant grails et angularjs. Connexion utilisateur, inscription, création d'édition en supprimant les contacts. J'ai créé cette extrémité avant en utilisant une structure similaire à celle des grails mvc pattern. Module de contact

 1. Grails -> URLMappings, Angular -> Routing (app.js) 2. Grails -> ContactController(Actions:create,list,edit,delete,details) Angular -> ContactController(Actions: create,list,edit,delete,details) 3. Grails -> ContactService(Methods: create,save,edit,delete,details) Angular -> ContactService(Functions: create,save,edit,delete,details) 4. Views -> All views are created using Angularjs (Create, Details) 

J'ai passé beaucoup de tutoriels et j'ai appuyé cette application avec le modèle Grails MVC afin que quelqu'un puisse comprendre cette application de démonstration angulaire s'ils ont peu de connaissances sur Grails

Demo : http://jagadeesh-manne.rhcloud.com/

Source : http://mannejkumar.github.io/GrailsAngularDemoApp/