web-dev-qa-db-ja.com

[routerLink]をdivにバインドすることはできますか? Angular 2+

私はAngularが初めてで、何を検索してもこの主題に関する明確な答えは見つかりませんでした。

これは現在機能しています:

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

私のコンポーネントでこの関数に向けます:

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

したがって、これは完全に機能しますが、最初に[routerLink] このような:

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

Divをクリックできますが、何も起こりません。だから私の質問は、[routerLink]は、anchor tagsおよびbuttonsまたは上記のロジックに欠陥がありますか?

私の問題に最適なソリューションを見つける必要があります。事前に感謝します!

11
Daniel Bailey

はい、それはdivタグに添付することができます、あなたのルートはおそらく間違っている/ルートの前に追加してみてください。

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