是否有更漂亮的方法在mat-icon-button和mat-button之间切换,具体取决于媒体查询?我已经对我当前的解决方案进行了演示,但它需要两个独立的按钮 .

<button type=button mat-icon-button fxHide fxShow.lt-sm (click)="onEdit($event)">
  <mat-icon>edit</mat-icon>
</button>
<button type="button" mat-button fxHide.lt-sm (click)="onEdit($event)">
  <mat-icon>edit</mat-icon> Edit
</button>

DEMO