버튼 태그 내의 라우터 링크 속성이 작동하지 않습니다.

Question

버튼 태그 내에있는 라우터 링크 속성으로 탐색 할 수 없습니다. 여기에 내 코드,

이 뭔가를하려고하면 무엇

<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> 

Answer 1

입니다 :

<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> 

희망은 내가 당신을하는 데 도움이!

Answer 2

routerLink을 버튼에 직접 적용 할 수 있습니다. <a 요소 일 필요는 없습니다.

<button mat-raised-button color="primary" routerLink="/message-inbox">Inbox</button> 

Answer 3

라우터 모듈을 가져올 수 있습니다. 그 이후에 작동했습니다.

import { RouterModule } from '@angular/router';