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

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

Importer des modules externes en Typescript

Le but de cet article est d’illustrer l’import de bibliothèques externes Javascript dans du code Typescript. Il fait suite à un article précédent qui expliquait comment on pouvait séparer le code Typescript en modules (cf. Les modules en Typescript en 5 min). Le compilateur Typescript permet de générer du code Javascript exécutable sur tous les…

Continuer à lire