Angular按钮跳转异常求助：仅文字可跳转按钮区域无响应

你的问题出在将<a>标签嵌套在<button>内部，只有<a>覆盖的"Edit"文字区域能触发路由跳转，按钮的其余区域不属于<a>的点击范围，所以无响应。

正确的做法是直接给mat-raised-button绑定routerLink指令，不需要嵌套<a>标签，Angular Material的按钮原生支持路由跳转绑定：

<ng-template #ownerTemplate>
    <button class="edit-btn" mat-raised-button routerLink="edit">Edit</button>
    <button mat-raised-button (click)="deleteMovie(this.movie!._id)">
      Delete
    </button>
</ng-template>

这样设置后，点击按钮的任意区域都会触发路由跳转到edit页面。

内容的提问来源于stack exchange，提问作者Kristian Lalov