Requêter les éléments d’une vue d’un composant Angular

Pour récupérer l’instance d’un objet se trouvant sur la vue dans la classe d’un composant, il est possible d’effectuer des requêtes auprès de cette vue et renseigner un membre ou une propriété de la classe avec l’instance de cet objet. L’objet requêté peut être un composant enfant, une directive ou un objet du DOM. @juanster…

Continuer à lire

Personnaliser la détection de changements dans une application Angular

@raychelsnr Le but de cet article est d’expliquer quelques caractéristiques de la détection automatique de changements dans une application Angular. Ensuite, on indiquera comment on peut personnaliser cette détection pour améliorer les performances ou pour la solliciter de façon explicite. Un autre article permet de rentrer dans les détails du fonctionnement de cette détection de…

Continuer à lire

Fonctionnement de la détection de changement dans une application Angular

@dlohmar La détection de changements est un sujet important car l’algorithme qui le gère est le même que celui qui met à jour le DOM et qui déclenche les callbacks du cycle de vie d’un composant (i.e. lifecycle hooks). Certains comportements d’Angular découlent directement de cet algorithme de détection. Le but de cet article est…

Continuer à lire

Les composants enfant (Angular)

@jplenio Une fonctionnalité importante des composants est qu’ils peuvent contenir des directives. Par suite sachant que les composants sont des directives, il est possible d’imbriquer des composants les uns dans les autres. Un composant se trouvant dans un autre composant est appelé composant enfant (i.e. child component). Dans la suite de cet article, on appellera:…

Continuer à lire

Les directives Angular

Angular from scratch Les composants Les composants enfant Mécanisme de détection de changements Injection de dépendances Les directives Configuration des directives Paramètre selector Paramètre inputs @Input() Paramètre outputs @Output() Paramètre providers @HostBinding() @HostListener() Attribute directives ElementRef et Renderer2 Exemple de directive attribut Structural directives <ng-template> ngTemplateOulet et ngTemplateOutletContext Utiliser ngTemplate avec une directive Implémentation d’une…

Continuer à lire

Injection de dépendances dans une application Angular

Angular from scratch Les composants Les composants enfant Mécanisme de détection de changements Injection de dépendances Notion de “provider” Exemples d’implémentation pour indiquer le “provider” En utilisant le paramètre “providers” En utilisant le paramètre “providedIn” dans @Injectable() Exemples d’implémentation de l’injection En utilisant @Inject() En utilisant @Injectable() Injecter des services Pour résumer… Les directives Angular…

Continuer à lire

Angular CLI en 5 min

Le CLI Angular (i.e. Command Line Interface) permet de faciliter l’exécution de nombreuses tâches sur un projet Angular. Il n’est, cependant, pas facile de se rappeler de toutes les commandes. Cet article a pour but d’expliciter quelques-unes des commandes principales et de leurs options. Angular from scratch Les composants Les composants enfant Mécanisme de détection…

Continuer à lire