Question

如果屏幕尺寸很小，我需要从按钮中删除文字。我使用Flex API做了哪些。我还需要从“mat-raised-button”将按钮样式更改为“mat-mini-fab”。如何使这个按钮属性有条件？小屏幕上的ex属性“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>

Answer 1

<webHttpBinding> <binding name="LargeWeb" maxBufferPoolSize="20000000" maxReceivedMessageSize="20000000" maxBufferSize="20000000"> <readerQuotas maxArrayLength="20000000" maxBytesPerRead="20000000" maxDepth="32" maxNameTableCharCount="20000000" maxStringContentLength="20000000" /> <security mode="Transport"> </binding> </webHttpBinding>和mat-raised-button是指令（实际上它们是指令选择器的一部分），并且指令不能成为条件。您唯一的选择是为每个指令/类型屏幕大小设置不同的按钮元素，并使用flex api相应地显示或隐藏它们。例如：

mat-mini-fab

根据分辨率更改角度材质按钮样式

1 个答案: