是否可以将 [routerLink] 绑定到 div？角度 2+

Question

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

目前正在运行：

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

在我的组件中指向这个函数：

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

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

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

我可以点击 div 但没有任何反应。所以我的问题是，[routerLink] 是否仅适用于 anchor tags 和 buttons 之类的东西，还是我的上述逻辑有缺陷？

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

Answer 1

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

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