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

Les modules en Typescript en 5 min

Dans un article précédent, j’avais eu l’occasion d’évoquer les points les plus essentiels de la syntaxe Typescript (cf. L’essentiel de la syntaxe Typescript en 10 min). Volontairement, cet article ne traitait pas des modules, des exports et des imports d’objets de façon à parler de ces sujets dans un article à part entière. La raison…

Continuer à lire

Les commandes npm courantes en 5 min

Dans l’écosystème Typescript et plus généralement Javascript, il existe une multitude d’outils et de bibliothèques. Ces outils et ces bibliothèques peuvent être utilisés pendant l’exécution de l’application, pour aider aux développements, pour exécuter des tests ou pour aider au déploiement. La multitude des fonctionnalités de ces outils implique des méthodes d’installation spécifiques, des configurations particulières…

Continuer à lire

Installation de Typescript sur Debian/Ubuntu

Le but de cet article est d’installer et de permettre d’exécuter du code Typescript sur Debian GNU/Linux 9. Il est possible d’utiliser Typescript avec Visual Studio sur Windows qui est un environnement familier pour un développeur .NET. Toutefois d’une façon générale, l’installation et l’implémentation de Typescript se fait plus couramment avec Node.js qui permet d’utiliser…

Continuer à lire