Make an angular component styled like a button (Angular Material)

Question

When I wrap a button inside custom button components, the spacing between buttons disappears. Example.

How do I "trick" the browser into thinking that my wrapping components are normal buttons (by a saas inheritance mechanism or something like that)?

<button type="button" mat-raised-button [disabled]="disabled">
  {{ label }} <mat-icon>navigate_next</mat-icon>
</button>

Answer 1

通常，您可以使用HostBinding来设置组件本身（而不是子组件）的样式