是否可以将[routerLink]绑定到div？Angular 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>