我正在使用Angular和Material
<button mat-icon-button><mat-icon svgIcon="thumb-up"></mat-icon>Start Recording</button>
我正在尝试为按钮添加一个图标,但是我不知道如何做,也找不到相关文档。
https://material.angular.io/components/button/api
查看文档,有这个内容:
那个按钮的HTML代码如下:
<a _ngcontent-c1="" aria-label="Angular Material" class="docs-button mat-button" mat-button="" routerlink="/" tabindex="0" aria-disabled="false" href="/"><span class="mat-button-wrapper">
<img _ngcontent-c1="" alt="angular" class="docs-angular-logo" src="../../../assets/img/homepage/angular-white-transparent.svg">
<span _ngcontent-c1="">Material</span>
</span> <div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay">
</div>
</a>
那是正确的做法吗?
mat-icon-button
只会渲染一个带有透明背景的圆形“图标按钮”,没有任何文本。当我们需要添加文本和图标时,我们使用mat-icon
放在mat-button
内部。 - FAISAL