Questions sur Angular (à ne pas confondre avec AngularJS), le framework web de Google. Utilisez cette balise pour les questions angulaires qui ne sont pas spécifiques à une version individuelle. Pour l'ancienne infrastructure Web AngularJS (1.x), utilisez la balise angularjs.

Le successeur spirituel de l'ancien framework Web AngularJS.
(Les questions sur l'ancien framework devraient utiliser la balise angularjsà la place.)

Caractéristiques et avantages


Blocs de construction d'applications angulaires

  • Module: Un module typique est un bloc de code cohérent dédié à un seul but. Un module exporte quelque chose de valeur dans ce code, généralement une chose telle qu'une classe.

  • Composant: un composant est un bloc de construction avec des métadonnées de composant. Dans TypeScript, nous appliquions le décorateur @Component pour attacher des métadonnées à la classe. Ces métadonnées se composent principalement du modèle ou templateUrl, du sélecteur et du style associé.

  • Modèle: nous définissons la vue d'un composant avec son modèle compagnon. Un modèle est une forme de code HTML qui indique à Angular comment rendre le composant.

  • Métadonnées: les métadonnées indiquent à Angular comment traiter une classe.

  • Liaison de données: Angular prend en charge la liaison de données, un mécanisme pour coordonner les parties d'un modèle avec les parties d'un composant. Il existe quatre formes de syntaxe de liaison de données:

    • Interpolation: {{value}}
    • Liaison de propriété: [property]="value"
    • Liaison d'événement: (event)="handler"
    • Liaison de données bidirectionnelle: [(ngModel)]="property"
  • Service: "Service" est une large catégorie englobant toute valeur, fonction ou fonctionnalité dont notre application a besoin.

  • Directive: Une directive est une classe avec des métadonnées de directive. Dans TypeScript, nous appliquions le décorateur @Directive pour attacher des métadonnées à la classe.

  • Injection de dépendances: "L'injection de dépendances" est un moyen de fournir à une nouvelle instance d'une classe les dépendances entièrement formées dont elle a besoin. La plupart des dépendances sont des services. Angular utilise l'injection de dépendances pour fournir aux nouveaux composants les services dont ils ont besoin.

  • Pipes: les pipes sont utilisées pour transformer des valeurs d'une forme à une autre. Angular propose de nombreux tuyaux intégrés. En outre, vous pouvez également créer des tuyaux personnalisés.


Consultez le changelogpour obtenir les dernières informations sur la version.

Depuis novembre 2020, la version actuelle est 11.0.0. Consultez le calendrier de publication completsur le référentiel GitHub officiel. La gestion des versions angulaires suit les principes de gestion des versions sémantiques; toutes les versions majeures comportent des changements de rupture par rapport aux précédentes.

Pensez à utiliser le Guide de mise à jourpour obtenir des conseils avant de modifier la version.


Prise en charge du navigateur

  • Dernières versions de Chrome, Edge, Firefox, IE et Safari
  • Testé pour les navigateurs plus anciens, notamment IE9 + et Android 4.1+

Liens utiles


Livres


Éditeurs de code et IDE


Composants d'interface utilisateur riches pour Angular


Développement multiplateforme


Tags associés


Logo officiel:


Site officiel:

angular.io