Qu'est-ce que JS angulaire?

Html est un langage de balisage hypertexte qui donne une structure à nos applications Web et à nos pages Web et est idéal pour la déclaration de documents statique, mais HTML hésite à déclarer les vues dynamiques dans les applications Web. La solution est AngularJS qui étend notre vocabulaire HTML.

AngularJS est l'un des cadres frontaux structurels les plus populaires et les plus populaires qui est utilisé pour des applications Web uniques dynamiques qui transforment le HTML statique en HTML dynamique et ont été développés en 2009 et sont actuellement maintenus par Google. AngularJS étend la capacité HTML car elle nous permet d'ajouter des attributs et des composants intégrés et offre la possibilité de créer des attributs personnalisés en utilisant JS simple. Le site officiel d'AngularJS est donné ci-dessous à partir de laquelle vous pouvez télécharger AngularJS:

https: // angularjs.org /

Angularjs utilise l'architecture logicielle du contrôleur de vue du modèle comme la plupart des frameworks javascript.

Modèle Vue Contrôleur

Contrôleur de vue du modèle (MVC) est une conception d'architecture logicielle qui divise notre application en trois composants logiques:

• Le modèle fait partie de l'architecture où les données sont représentées. Par exemple, si vous construisez un système de gestion scolaire, les données des élèves (numéro d'inscription, nom, âge, etc.) sont présents dans cette partie.
• Les vues sont simplement la couche de présentation qui est montrée aux utilisateurs.
• Le contrôleur représente la logique métier, les fonctions de déclenchement des événements utilisateur I-E ont initialisé dans le contrôleur.

Caractéristiques angularjs

Angular a des fonctionnalités uniques qui le rendent si populaire. Certains d'entre eux sont:

• Angularjs Offre la liaison du modèle de données, ce qui signifie que l'on n'a pas besoin d'écrire un code spécial pour les données de liaison aux contrôles HTML et se fait avec seulement quelques extraits sur AngularJS.
• Comme mentionné précédemment, AngularJS est basé sur le modèle de conception MVC bien connu, qui est utilisé dans la majorité des applications actuelles.
• Angularjs nous fait écrire moins de code par rapport à la manipulation JavaScript Dom, Angular a moins de code pour la manipulation DOM.
• Une autre caractéristique offerte par AngularJS est le framework de test conçu par Google qui effectue des tests unitaires pour les applications AngularJS.

Avantages JS angulaires

• Framework open source donc moins d'erreurs.
• La création d'applications à une seule page est obtenue dans un environnement très maintenable et propre.
• Une expérience riche et réactive avec la capacité de liaison des données est fournie dans HTML.
• Le routage passe d'une page à une autre et angulaire le rend très facile et efficace car il n'y a qu'une seule page; Cependant, vous pouvez modifier les vues en fonction de votre préférence / exigence.
• Fournit des composants réutilisables
• La séparation des préoccupations et l'injection de dépendance sont utilisées.
• Pas besoin d'apprendre une nouvelle langue car c'est pur js et html.
• Les applications AngularJS fonctionnent sur tous les principaux navigateurs ainsi que sur les mobiles Android et iOS.

Inconvénients de JS angulaires

Maintenant que nous avons discuté des avantages d'AngularJS, faisons basculer la pièce de l'autre côté et discuter de certains des inconvénients d'AngularJS.

• L'authentification et l'autorisation côté serveur sont une nécessité pour garder notre application en sécurité, donc les applications angularjs ne sont pas sûres.
• Angularjs n'est pas dégradable, ce qui signifie que si l'utilisateur désactive le javascript, rien ne serait visible sauf la page de base

Directives angularjs

Js angulaire nous fournit des directives uniques et puissantes qui nous permettent d'inventer la nouvelle syntaxe HTML Pacific pour notre application. AngularJS est divisé en trois parties:

• La directive responsable de la liaison des applications HTML et AngularJS est la NG-App.
• La directive responsable de la liaison des valeurs de JS angulaire aux contrôles d'entrée HTML est le modèle ng.
• La directive responsable de la liaison de l'application AngularJS aux balises HTML est ng-bider.

Exemple des directives angularjs

Supposons qu'il y ait une boîte d'entrée et que nous voulons afficher la chaîne tapée dans l'étiquette, nous utiliserons le NG-App, BG-model ainsi que Ng-Bind dans l'exemple ci-dessous pour atteindre notre objectif:

Conclusion

HTML est cependant idéal pour les documents statiques pour déclarer des vues dynamiques HTML vacille. AngularJS étend le vocabulaire HTML et est l'un des frameworks Web les plus populaires utilisés pour concevoir des pages Web uniques.

Cet article était une introduction à ce qu'est AngularJS et nous avons couvert presque toute la partie théorique de ce qu'est Angularj.