Salut, je suis nouveau à AngularJS. J'ai une excellente application Web qui fonctionne déjà avec JQuery et jQuery UI.
Maintenant, je veux me débarrasser complètement de JQuery et je vais migrer vers Angularjs en raison de son modèle MVC (MVW).
Donc, mon application jQuery fonctionne avec EJS pour les modèles et entièrement la manipulation DOM. Mais quand je pense à Angular js, j'ai des doutes. Puis-je toujours utiliser EJS ou non?
Veuillez donc me guider si je peux utiliser ou non.
Un autre doute est, supposons que j'ai une page de liste. Il est mis à jour dynamiquement, et il affichera d'abord 10 enregistrements puis en fonction du défilement de l'utilisateur, les 10 enregistrements suivants seront ajoutés dans le DOM après AJAX. Pouvons-nous ajouter au DOM dynamiquement en utilisant Angular?
Comment puis-je réaliser ce genre de choses dans Angular?
Vous pouvez utiliser EJS (côté serveur ou client) en combinaison avec Angular mais il n'y a pas besoin et vous compliquerez probablement les choses. AngularJS est très capable de manipuler le DOM par lui-même dans un très séparation des préoccupations façon. La façon la plus élégante de travailler avec Angular est d'avoir un RESTful backend et juste servir quelques fichiers statiques html/js à partir d'un serveur web.
Quant au défilement sans fin, il y a des tonnes de plugins prêts à l'emploi (modules) à choisir ou vous pouvez écrire le vôtre. Fondamentalement, cela nécessitera une vue avec ng-repeatdirective pour afficher les éléments actuellement chargés et une directive qui notifiera un contrôleur/portée à charger plus d'éléments lorsque l'utilisateur fait défiler vers le bas. Un bel article simple peut être trouvé ici .
Questions similaires:
Oui bien sûr, vous pouvez utiliser EJS
avec Angular JS
. Vous voudrez peut-être y jeter un œil;
https://Gist.github.com/jrmoran/4277025
Et à propos de votre question sur la manipulation DOM. Oui, vous pouvez ajouter dynamiquement DOM en utilisant Angular JS. Angular JS a une forte fonctionnalité de two way data binding
qui met à jour dynamiquement son contenu DOM lorsqu'une variable de modèle change.
Jetez un œil à ceci: