要解决Angular Material FlexLayout的fxHide不隐藏的问题，可以使用以下方法：

1. 确保正确的导入模块：首先，确保已正确导入了Angular Material和FlexLayout模块。在你的app.module.ts文件中，确保你已经导入了MatButtonModule和FlexLayoutModule，并在imports数组中声明它们。

import { MatButtonModule } from '@angular/material/button';
import { FlexLayoutModule } from '@angular/flex-layout';

@NgModule({
  imports: [
    MatButtonModule,
    FlexLayoutModule
  ],
  // ...
})
export class AppModule { }

2. 使用fxHide属性：在你的HTML模板中，使用fxHide属性来隐藏元素。确保你将这个属性添加到你想要隐藏的元素上。

  This element will be hidden

3. 确保使用了正确的布局容器：确保你的隐藏元素位于FlexLayout的容器中。FlexLayout的容器可以是
   、、等等。

  

    This element will be hidden
  

4. 刷新页面：如果以上步骤都已正确执行，但元素仍然不隐藏，请尝试刷新页面。有时候更改后的布局可能需要页面刷新才能生效。

通过遵循以上步骤，你应该能够解决Angular Material FlexLayout的fxHide不隐藏的问题。记得检查控制台是否有任何错误消息，并确保你的代码中没有其他冲突或错误。