角材质表中的按钮不起作用

Question

我具有以下角材料表设置：

    <table mat-table [dataSource]="getItems()">
      <ng-container matColumnDef="delete">
        <th mat-header-cell *matHeaderCellDef></th>
        <td mat-cell *matCellDef="let tariff">
          <button mat-button color="primary" (click)="test()">Delete</button>
        </td>
      </ng-container>

      ...

      <tr mat-header-row *matHeaderRowDef="dColumns"></tr>
      <tr mat-row *matRowDef="let row; columns: dColumns"></tr>
    </table>

  test() {
    console.log('test');
  }

如果单击删除按钮，则不会调用test（）方法。如果我删除了'mat-button'指令，则该按钮会突然起作用。

我在表单上还有其他材料设计按钮，因此这不是模块导入问题。

这里发生了什么？

Answer 1

将type="button"添加到按钮。如果按钮上没有键入，则它将用作提交按钮。

Answer 2