Nous souhaitons mettre en place un site avec plusieurs pages. En effet, il nous faut pouvoir consulter chaque clone, pour avoir le détail de leur état de santé, de leur fatigue, … Or, actuellement, nous n’avons qu’une seule page : celle qui liste les clones. Comment réussir à naviguer d’une page à l’autre ? Comment
Comment s’attacher à des composants HTML de la page et interagir avec eux ? C’est grâce aux directives que vous allez pouvoir le faire dans Angular. Chaque directive a un sélecteur css (enfin comme si c’était un sélecteur css). Trois types de directive : Les composants (Component) Les directives d’attribut Les directives structurelles (comme
Nous sommes en train de mettre en place une application Angular pour gérer la guerre des Clones. Après avoir vu les composants, le templateUrl, nous passons à l’interaction avec l’utilisateur. Gérer le clic sur un bouton Pour gérer le clic sur un bouton, rendez-vous dans la Vue définie via l’url du TemplateUrl. Ajouter un
Ca y est, notre composant est créé, et nous avons initialisé (grâce au ngOnInit) la liste des Clones pour notre application de la guerre des Clones. Attaquons-nous maintenant à la mise en place du contenu HTML pour le composant en cours. Pour rappel un Component = une classe Component + une Vue (un template).
Maintenant que tout est prêt, nous allons passés à la mise en place de notre premier Component et notre premier Module. Ok, mais c’est quoi un Component ? Un composant est rassemblé autour d’un Module : par exemple, on aura le module d’authentification, le module autour des Padawan, et tous les composants sont des blocs
Nous allons commencer sans Visual Studio pour ce premier projet Angular. Nous verrons dans de prochains articles comment le faire avec Visual Studio. Avant tout, configurons le tout. Pour suivre le projet, voici le projet github, en cours de développement. 1. Création du package.json > scripts “build” : tsc => compilateur Type Script. –p pour
Après avoir défini le bon code retour HTTP (422), nous allons maintenant paramétrer les variables dites de configuration de notre application. Nous devons distinguer les données dites sensibles des autres. Gérer les données sensibles Pour éviter qu’un hacker puisse les lire facilement depuis notre fichier de configuration, nous allons ici les déplacer dans les
Après la mise en place des User Secrets, nous allons pouvoir tester notre connexion et l’authentification grâce à Facebook. Lorsqu’on lance le site web, nous avons bien une page de connexion. En cliquant dessus, nous atterrissons bien sur une proposition de connexion avec Facebook. Question : comment cette page a-t-elle été générée ?
Lors de la première partie, nous avons mis en place les fondements de la gestion externe de l’authentification, avec Facebook. Or, pour utiliser l’api Facebook, il nous faut un Id et un clef secrète. Ne pas stocker en configuration ses informations Microsoft nous invite à ne pas stocker ce genre d’information dans notre fichier de
Ca y est on sait déjà créer un projet Angular avec ng new, et aussi le lancer et le rendre disponible depuis un navigateur avec ng serve. Nous allons enfin entrer dans le vif du sujet : on va bientôt écrire notre première page ! Au démarrage, il y avait un Module Car oui, lorsque
| Cookie | Durée | Description |
|---|---|---|
| cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
| cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
| cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
| cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
| cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
| viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |