J'essaie d'utiliser dans le composant: (click) mais pour une raison quelconque, cela ne fonctionne pas. Je ne sais pas ce que je fais mal.
3 Réponses :
Utilisez-le comme celui-ci
<a [routerLink]="" (click)="test()">...</a>
La balise d'ancrage détourne vos événements à attendre. Vous pouvez le modifier à un élément neutre comme un div code> ou quelque chose ou simplement la mettre sur votre img code> à la place; <div [routerLink]="" (click)="test()">
<img src="test.jpg">
<div>
Je remarque que seul le contenu à l'intérieur de * ngfor ne fonctionne pas en utilisant le (clic)
@codingit sonne comme si vous avez quelque chose d'autre dans la manière dont AMIGO, déplacez votre gestionnaire de clic sur le DIV Le NGFOR est allumé (car c'est le plus haut niveau de l'élément répété) et devrait être bon à partir, au-delà de cela aurait besoin de voir Un moyen de le reproduire puisque je peux personnellement dire que j'utilise l'enfer de ces techniques tout le temps. :RÉ
Il y a une bonne façon de le faire sur une étiquette d'ancrage, tandis que les œuvres ci-dessus, ce n'est pas vraiment ce que vous devriez faire.
La bonne voie, ajoutez HREF sans valeur, cela répond à la DOM de sorte qu'il affiche le curseur droit.
test(): boolean
{
console.log("clicked");
return false;
}
Vous SET VOID sur Un retour pour que le Bool ne soit peut-être pas la meilleure chose, mais si vous le souhaitez dans une FN séparée pourrait simplement aller avec Pêturdefault / stoppropagation à la place.
Comment savez-vous que cela ne fonctionne pas? Pouvez-vous publier ce que vous attendez-vous et ce qui se passe actuellement.