Загрузка...

Formation Angular – Étape 15 : Création du guard isConnected et protection de la route /my-wallet

🎯 Objectif de l’étape

Créer un guard qui empêche l’accès à /my-wallet si l’utilisateur n’est pas "connecté",
selon une valeur stockée dans localStorage.

---

🛠 Ce que tu dois faire

1. Crée un guard nommé isConnected dans core/guards/.
2. Ce guard devra lire dans le localStorage isConnected pour savoir si l'utilisateur est connecté ou non
3. Dans le fichier de configuration des routes, rajouter le guard sur la route
4. Dans app.component.ts, ajoute un bouton "Connexion" pour simuler une connexion / deconnexion : ou met true ou false dans isConnected dans le storage.
5. Utiliser dans un premier temps la navigation url
6. Brancher la navigation au clic sur "Connexion" en typescript en utilisant le service Router
👉 Cette vidéo fait partie de la formation Angular complète proposée par
Tech OS.

🔗 Rejoins la formation ici : https://tech-os.org

#Angular #FormationAngular #DéveloppementWeb #TechOS #webdevelopment

Видео Formation Angular – Étape 15 : Création du guard isConnected et protection de la route /my-wallet канала Tech OS
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять