Comment puis-je conditionnellement désactiver le routerLink attribut?
Dans mon Angulaire 2 application que je suis en train de désactiver un routerLink sans succès. J'ai essayé de gérer l'événement de clic sur le click
événement (avec event.preventDefault()
et event.stopPropagation()
) mais ça ne fonctionne pas.
Comment puis-je désactiver un routerLink?
Vous devez vous connecter pour publier un commentaire.
Désactivation
pointer-events
sur leVoir aussi Angular2, quelle est la bonne façon de désactiver un élément ancre?
ou
ou de réutiliser facilement les personnes handicapées modèle de lien
not-allowed
apparence du curseur lorsque le lien est désactivé. J'ai dû ajouter séparément.cursor
ligne peut être omise, c'est juste l'indication visuelle que le lien est désactivé. Je bootstrap jeux que déjà, l'utilisation de ce paramètre à la place.*ngIf
pour afficher un contenu de remplacement au lieu de chercher à faire de la<a [routerLink]
à ne pas se comporter comme un lien.Pas besoin de désactiver les événements de pointeur:
Modèle:
Option CSS:
Description:
Quand
homeLinkEnabled
retournefalse
,null
ferarouterLink
pour le lien vers le courant/itinéraire actif.Si
routerLink
liens à l'itinéraire actif, la classe qui est spécifié dansrouterLinkActive
sera appliquée.De là, on peut spécifier, comment le désactivé routerLink devrait apparaître.
routerLink
à l'itinéraire actif ne déclenchent pas une de navigation de l'événement.J'ai juste eu un certain succès avec un problème similaire: le fait d'avoir un tableau de la valeur liquidative des liens dans un ngFor, certains requis [routerLink], tandis que d'autres sont requises (cliquez) - mon problème est que tous les liens invoqué [routerLink] pour [routerLinkActive], donc j'ai dû arrêter routerLink, sans la toucher, de la valeur.
avec:
Que la durée est à l'intérieur, vous pouvez être sûr que l'annulation de l'événement se produit avant qu'il se propage jusqu'à [routerLink], tandis que routerLinkActive continueront de s'appliquer.
Désactivation
pointer-events
sur tout balise html:'none'
résolu en désactivantpointer-events
, qui est, la désactivation de ce lien.null
décide d'ignorer le style.