Archives des Angular - Developpement Web facile

Traduire les pages web dans Angular avec ngx-translate

Traduire les pages Web dans Angular peut se faire assez facilement grâce à un package npm “ngx-translate” qui permet d’internationaliser votre application Web. En d’autres termes, vous pouvez traduire les textes affichés sur vos pages grâce à de simple fichier JSON contenant les traductions dans différentes langues. Grâce à ce package, vous pourrez effectuer les traductions directement dans vos template html ou même directement dans votre code. De plus, vous pourrez facilement passer d’une langue à l’autre sans devoir rafraichir toutes votre application.

Angular

Formater les dates dans Angular

Sep 13, 2021 #Angular, #dates, #formater, #pipe par Nicolas Giannone

Formater les dates dans Angular se fait de la même manière que le formatage des chaînes et des nombres : via des PIPES. On va donc ici découvrir comment formater les dates à travers l’utilisation du PIPE date.

Angular

Formater l’affichage des données dans Angular

Août 24, 2021 #Angular, #formater, #pipe par Nicolas Giannone

Formater l’affichage des nombres, des dates et des chaines de caractères est assez simple dans Angular. Il vous suffit d’utiliser les PIPE et c’est ce que nous allons voir ici.

Angular

Passer des valeurs à un composant

Juil 16, 2021 #Angular, #composants, #Input, #propriétés, #valeurs par Nicolas Giannone

Passer des valeurs à un composant dans Angular est très simple : il suffit de créer des propriétés de type INPUT dans la partie type script de notre composant. C’est ce que nous allons voir tout de suite.

Angular

Installer et utiliser Bootstrap dans Angular

Juil 8, 2021 #Angular, #Bootstrap par Nicolas Giannone

Installer et utiliser Bootstrap dans Angular est assez simple. L’installation ne nécessite que 2 étapes et l’utilisation se fait comme en html classique. Vous découvrirez dans cet article les étapes pour l’installer et un exemple concret d’utilisation.

Angular

Le binding dans Angular

Juin 21, 2021 #Angular, #binding par Nicolas Giannone

Le binding dans Angular permet de lier facilement des données de notre modèle (fichiers ts typescript) au visuel (html). Pour se faire, je vais parcourir avec vous :

La string interpolation (binding simple)
La property binding (binding de propriété)
L’event binding (binding d’évènement html vers des méthodes typescript)
le two-way binding (binding bidirectionnel)

Angular

Créer un composant Angular

Mai 6, 2021 #Angular, #composant, #generate, #ng par Nicolas Giannone

Comment créer un composant Angular, c’est ce que nous allons découvrir ici. Les différents fichiers et l’explication de chacun d’eux seront détaillés dans cet article. Nous créerons un nouveau composant de manière entièrement manuelle et aussi avec la manière automatique prévue dans Angular.

Angular

Introduction à Angular

Avr 29, 2021 #Angular, #binding, #Intro, #ng par Nicolas Giannone

Voici une introduction assez complète à Angular. Après avoir parcouru déjà pas mal VueJs et React, je ne pouvais pas faire sans parler d’Angular. Alors voici un article qui vous expliquera ce qu’est Angular, comment l’installer et comment créer votre premier projet HelloWorld.

Étiquette : Angular