Modèle page de garde cahier de liaison

Pour aider à déterminer si un gardien doit accepter ou refuser l`accès, la fonction Guard peut être transmise à certains arguments: permet de faire la même chose que l`exemple CanActivate et de créer un garde appelé AlwaysAuthChildrenGuard. State: RouterStateSnapshot — il s`agit du futur RouterState si le garde passe, nous pouvons trouver l`URL que nous essayons de naviguer à partir de la propriété URL. Avec les gardes, nous pouvons ajouter des chèques pour restreindre l`accès à un utilisateur à certaines pages de notre site. Un troisième type de garde que nous pouvons ajouter à notre application est un garde Candésactiver qui est généralement utilisé pour avertir les gens s`ils naviguent loin d`une page où ils ont des changements non enregistrés. route: ActivatedRouteSnapshot — il s`agit de l`itinéraire futur qui sera activé si le garde passe, nous pouvons utiliser sa propriété params pour extraire les params d`artère. Gardes eux-mêmes ne sont que des classes et en tant que telle peut avoir toutes les autres dépendances injectées dans leur constructeur afin peut travailler en conjonction avec d`autres services pour déterminer si le gardien passe ou échoue. Un itinéraire peut être configuré avec plusieurs gardes et les gardes sont vérifiés dans l`ordre où ils ont été ajoutés à l`itinéraire. Selon le type de garde, la fonction de garde a également quelques arguments qui lui sont transmis que nous pouvons tirer profit de si nous voulons, à savoir le futur ActivatedRoute et le futur RouterState et pour Candésactiver les gardes nous avons également la capacité d`obtenir le composant lui-même . Nous configurons notre fonction de garde pour accepter les paramètres de la fonction de garde, le composant, l`itinéraire activé futur et l`état futur du routeur. Enfin, nous devons ajouter ce gardien à un ou plusieurs de nos itinéraires, permet de l`ajouter à notre route ArtistComponent comme si: le cas d`utilisation le plus typique pour le garde CanActivate est une forme de vérification pour voir si l`utilisateur a des autorisations pour afficher une page. Permet de créer un garde Candésactive simple qui vérifie si l`utilisateur navigue loin de la page de recherche sans réellement effectuer une recherche. Ce garde retourne vrai tout le temps, donc ne garde pas vraiment quoi que ce soit.

Il permet à tous les utilisateurs, mais en même temps notre garde logs “AlwaysAuthGuard” à la console afin que nous puissions au moins voir quand il est utilisé. Nous ajoutons le gardien à la propriété enfant canActivateChild sur notre itinéraire ArtistComponent ils peuvent également renvoyer un observable ou une promesse qui, plus tard, résout un booléen au cas où le gardien ne peut pas répondre à la question immédiatement, par exemple, il pourrait avoir besoin d`appeler une API. Angulaire gardera l`utilisateur en attente jusqu`à ce que le garde retourne true ou false. Permet de créer un autre garde appelé OnlyLoggedInUsersGuard qui autorise uniquement les utilisateurs connectés à afficher un itinéraire.