- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
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
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
Комментарии отсутствуют
Информация о видео
8 июля 2025 г. 14:33:54
00:08:35
Другие видео канала




















