是否可以将[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>