Version imprimable
Bonjour
Je vais commencer un nouveau projet ou plutôt une migration d'un projet angularJS 1.3 vers angular6.
Certains me disent que material Design est "buggé" et d'utiliser plutot prime ? mon formateur lui préconisait material design ?
Donc lequel est le meilleur pour Angular6
Merci de vos réponses
Phil
Prime est plus complet c'est un fait.
Maintenant material est l'UI officiellement supporté par angular ce qui garantit une certaines pérennité de l'outil. Comme tout outil en développement , il à des bugs mais rien de complètement bloquant.
Perso j'utilise ng-bootstrap qui permet de travailler avec bootstrap et ses composants.
Tu dis que c'est une migration, donc tu as déjà un choix de lib UI qui a été fait sur le legacy AngularJS ?
Pour material c'est très bien mais attention aux navigateurs qui pédalent avec un DOM lourd (les vieux quoi), angular-material ajoute un nombre pas croyable de balises dans le DOM notamment pour gérer les thèmes. Sur IE c'est un désastre au niveau des performances.
Donc le range de browsers à supporter doit entrer en considération.
Bonjour
L'application que j'ai récupéré possède une partie front JSP/Struts et une autre partie front en angularjs 1.3
Dans cette partie en AngularJS les imports de librairie sont
Code:
2
3
4
5
6
7
8
9
10
11
12
13<script type="text/javascript" src="js/angular/libs/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/angular/libs/JSOG.js"></script> <script type="text/javascript" src="js/angular/libs/angular.js"></script> <script type="text/javascript" src="js/angular/libs/angular-ui-router.js"></script> <script type="text/javascript" src="js/angular/libs/angular-messages.js"></script> <script type="text/javascript" src="js/angular/libs/angular-animate.js"></script> <script type="text/javascript" src="js/angular/libs/angular-resource.js"></script> <script type="text/javascript" src="js/angular/libs/angular-translate.js"></script> <script type="text/javascript" src="js/angular/libs/angular-translate-loader-partial.js"></script> <script type="text/javascript" src="js/angular/libs/angular-sanitize.js"></script> <script type="text/javascript" src="js/angular/libs/loading-bar.js"></script>
Ça sent le grand et gros n'importe quoi cette histoire. Une appli JSP/Struts c'est un front généré côté serveur. Une appli AngularJS (ou Angular) c'est un front généré côté client qui utilise des endpoints REST pour manipuler les données du serveur.
Il s'agit de 2 architectures opposées. Ça n'a absolument aucun sens d'avoir les 2 dans la même appli. La première chose à faire est de supprimer la partie JSP/Struts et de se concentrer sur une archi.
Il n'y a pas de lib UI dans les imports qui tu as linké.
Bonjour
Oui je sais mes predecesseurs avaient commencé en JSP struts, puis sont passé sur certaines partie en AngularJS 1.3
Pour avor le budget pour la reecriture je galère !Code:
2
3
Ah bah voilà ! C'est ui-bootstrap. Reste sur ça c'est très bien et visiblement tu vas avoir bien assez de boulot comme ça plutôt que de te rajouter en plus un changement de lib UI :)
Ok, ui-bootstrap fonctionne aussi en angular5 ?
PS
Sil ils acceptent au niveau du budget, le Product Owner n'est interessé que par le gain "métier" de la migration !
Merci
Pas la même librairie exactement mais ils ont fait une version 2. C'est la même team qui a fait angular-ui pour AngularJS et pour Angular. Je ne sais pas si il y a un processus de migration établi.
Sinon il ne peut pas y avoir de gains métier à un migration technique, ce que dis ton PO n'a pas de sens. C'est comme ravaler les façades ou refaire la toiture d'un bâtiment. Il n'y a pas de gains métier si ce n'est celui de permettre un fonctionnement durable de l'existant dans le temps et celui de lui permettre de continuer d'évoluer.
Je sais, mais si pour lui pas de gain métier, je vais garder mes JSP et mes angularJS
Bonjour
ngx-bootstrap et angular6 il semble y avoir quelques imcompatibilitées
Citation:
ERROR in node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
node_modules/ngx-bootstrap-modal/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
src/app/app.component.ts(14,52): error TS2304: Cannot find name 'BuiltInOptions'.
i ｢wdm｣: Failed to compile.
Il y'a deux chose différente ngx-bootstrap et ng-bootstrap qui est lui développé par l'équipe bootstrap et compatible bootstrap 4 / angular 6
Ok et dans ngx, j'ai l'impression qu'il y a aussi deux versions de composants
https://www.npmjs.com/package/ngx-pa...tstrap/v/1.6.0 ngx-pagination-bootstrap version 1.6
Et
https://valor-software.com/ngx-bootstrap/#/pagination
Pour ng-bootstrap
Les deux liens sont équivalent ?
https://github.com/ng-bootstrap/ng-bootstrap
https://ng-bootstrap.github.io/#/home