Html fxHide.gt-sm不工作

我有下面的div，它在导航栏上显示一个登录按钮，但是如果屏幕很小，我想隐藏这个按钮。由于某种原因，当我添加

fxHide.gt sm=true

时，当我缩小屏幕时，它不会隐藏。我怎样才能解决这个问题

 <div fxHide.gt-sm="true">
      <ng-template #login>
          <button 
          mat-icon-button
          [routerLink]="['/auth']" 
          [style.width]="'auto'"
          [style.overflow]="'visible'"
          matTooltip="Login or Register"
          class="topbar-button-right">
            <span>Login</span>
            <mat-icon>exit_to_app</mat-icon>
          </button>
        </ng-template>
 </div>

登录
退出到应用程序
fxHide.gt sm
的意思是当它大于小值时隐藏它。如果您只想在大屏幕上看到它，请将其更改为
fxShow.gt sm
。
您想要的：


默认行为：显示
如果lt md（小于中等屏幕）=>隐藏

在当前实施中，您有：


默认行为：显示
如果gt sm（大于小屏幕）=>隐藏

现在，您想要的转化为：

<div fxShow fxHide.lt-md>



你可以把逻辑颠倒成

<div fxHide fxShow.gt-sm>



应该可以了。
如果OP在执行fxHide命令时遇到问题，这个问题可能与

您必须确保FlexLayout已导入所有希望使用它的模块：
面临同样的问题，但在导入
FlexLayoutModule之后，它成功了。
没有运气。我还尝试了
fxHide.lt sm=“true”
。我以前在我的项目中使用过
fxHide.lt sm
，所以我有点困惑。有什么更新吗？…嗨，我尝试过使用fxHide fxShow.gt-sm，但仍然不起作用。