根据分辨率更改角度材质按钮样式
根据分辨率更改角度材质按钮样式
提问于 2018-06-06 02:19:28
如果屏幕太小，我需要删除按钮上的文本。这是我使用Flex API实现的。我还需要将按钮样式从“mat-raised button”改为"mat-mini-fab“。如何使此按钮属性具有条件？例如，小屏幕上的属性"mat-mini-fab“应应用于其他属性”mat-raised button“。我更喜欢在这里使用Flex API，比如用于元素的fxShow fxHide。
<button matTooltip="Save" mat-raised-button (click)="saveMember()" color="accent" class="submit-button" aria-label="SAVE" [disabled]="memberForm.invalid">
<mat-icon>save</mat-icon><span fxHide fxShow.gt-sm>SAVE</span>
</button>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-06 04:59:23
mat-raised-button和mat-mini-fab是指令(实际上它们是指令选择器的一部分)，指令不能成为条件语句。您唯一的选择是为每种指令/类型屏幕大小提供不同的按钮元素，并使用flex api来相应地显示或隐藏它们。例如：
<button mat-raised-button fxHide fxShow.gt-sm>
<mat-icon>save</mat-icon>
SAVE
</button>
<button mat-mini-fab fxShow fxHide.gt-sm>
<mat-icon>save</mat-icon>
</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50706572
复制相关文章
相似问题