web-dev-qa-db-fra.com

Est-il possible de lier un [routerLink] à un div? Angular 2+

Je suis nouveau à Angular et je n'ai trouvé aucune réponse claire à ce sujet, peu importe ce que je recherche.

Cela fonctionne actuellement:

<div class="col-sm" (click)="brandListRoute()">

qui dirige vers cette fonction dans mon composant:

brandListRoute() {
        this.router.navigate(['explore/brands']);
}

Donc, cela fonctionne parfaitement, cependant quand j'ai essayé pour la première fois de relier [routerLink] comme ça:

<div [routerLink]="['explore/brands']">  </div>

Je peux cliquer sur le div mais rien ne se passe. Donc ma question est, est-ce qu'un [routerLink] ne fonctionne que sur des choses comme anchor tags et buttons ou ma logique ci-dessus est-elle défectueuse?

Besoin de trouver la meilleure solution à mon problème. Merci beaucoup d'avance!

11
Daniel Bailey

Oui, il peut être attaché à la balise div, votre itinéraire est probablement erroné, essayez d'ajouter/en face de l'itinéraire.

  <div [routerLink]="['/explore/brands']"> go to this location </div>
18
Nenad Radak