fxHide 和 fxShow 似乎不起作用

Question

我不知道我是否做错了什么，但是 fxHide 和 fxShow 在@angular/flex-layout.

中不起作用

<p fxHide> Start editing to see some magic happen :) </p>

我正在使用以下依赖项：

"@angular/animations": "^9.1.9",
"@angular/cdk": "^9.2.4",
"@angular/common": "^9.1.9",
"@angular/compiler": "^9.1.9",
"@angular/core": "^9.1.9",
"@angular/flex-layout": "^9.0.0-beta.31"

这里有一份 Stackblitz code 供参考。

Answer 1

在您的应用模块中导入 FlexLayoutModule 和 FlexModule。它会起作用。

Answer 2

在您的 app.module.ts 中导入 FlexLayoutModule:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { FlexModule, FlexLayoutModule } from '@angular/flex-layout';
import { CommonModule } from '@angular/common';
import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';

@NgModule({
  imports: [ 
      BrowserModule, 
      FormsModule, 
      FlexModule, 
      FlexLayoutModule, 
      CommonModule ],
  declarations: [ AppComponent, HelloComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

fxHide 和 fxShow 似乎不起作用

fxHide and fxShow doesn't seem to be working

angular-material

angular-flex-layout

angular