按钮标记内的路由器链接属性不起作用

Kar*_*rty 5 angular-cli angular

我无法使用放在button标记内的路由器链接属性进行导航。这是我的代码,

<button mat-raised-button color="primary"><a routerLink="/message-inbox">Inbox</a></button>
    <button mat-raised-button color="accent"><a routerLink="/sent">Sent</a></button>
    <a routerLink="/message-compose"><button color="warn">Compose</button></a>
Run Code Online (Sandbox Code Playgroud)

Gün*_*uer 15

您可以routerLink直接应用于按钮。不一定是<a要素

<button mat-raised-button color="primary" routerLink="/message-inbox">Inbox</button>
Run Code Online (Sandbox Code Playgroud)

  • 我输入了路由器模块。在那之后 (4认同)
  • 对我来说也一样..将其导入.ts文件后,在我的情况下,它开始为按钮元素(mat-button)工作,即使其他带有RouterLink的`&lt;a'锚链接在同一页面上也可以正常工作 (2认同)

Kar*_*rty 6

我输入了路由器模块。在那之后,

import { RouterModule } from '@angular/router';
Run Code Online (Sandbox Code Playgroud)