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

Le scope des variables en Javascript

Le scope (ou la portée) d’un objet est la portion de code dans laquelle une variable peut exister et maintenir une valeur qui lui aura été préalablement affectée. Le scope des objets est loin d’être un sujet trivial en Javascript car suivant la façon dont on les déclare beaucoup de règles ou de comportements du…

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

Trouver l’origine d’une fuite mémoire avec WinDbg

Lors de l’exécution d’une application, des fuites mémoires peuvent subvenir y compris dans un cadre managé. Dans les pires cas, trouver l’origine de ces fuites peut s’avérer compliqué car elles peuvent se produire dans des circonstances qu’on a du mal à identifier ou reproduire. Par exemple, ces fuites peuvent se produire dans un environnement de…

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

Aide-mémoire sur les pointeurs et références en C++

Le but de cet article est de rappeler quelques éléments de syntaxe sur les pointeurs et références en C++. Sommaire Déclaration par valeur Référence Pointeur Référence managée (en C++/CLI) Pointeur et réference dans les appels de fonctions Arguments de fonctions Retour de fonction Membres d’une classe Comparaison d’objets On considère la classe suivante: Point.h Point.cpp…

Continuer à lire