首页 > 解决方案 > 是否可以将 [routerLink] 绑定到 div?角 2+

问题描述

我是 Angular 的新手,无论我搜索什么,我都没有找到关于这个主题的明确答案。

这目前正在工作:

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

它指向我的组件中的这个函数:

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

所以这很完美,但是当我第一次尝试[routerLink]像这样绑定时:

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

我可以点击 div 但没有任何反应。所以我的问题是,是否[routerLink]仅适用于anchor tagsbuttons或我的上述逻辑有缺陷?

需要为我的问题找到最佳解决方案。提前非常感谢!

标签: angularrouting

解决方案


是的,它可以附加到div标签,您的路线可能是错误的尝试在路线前面添加/ 。

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

推荐阅读