Angular Material 4 Flex-Layout

Question

Installierte Material Flex-Layout in meinem Projekt, aber ich kann nicht sehen, die Datei in @Node_Module und es nicht richtig für Flex-Layout CSS Rendern.

Unter Code folgte ich, bitte schlagen Sie hier etwas fehlt hier.

installiert

npm install @angular/flex-layout@latest --save 

importiert app.components.ts

import { ObservableMedia } from '@angular/flex-layout'; 

in app.moduel.ts importiert

import { FlexLayoutModule } from '@angular/flex-layout'; 
imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
    FlexLayoutModule 
    ], 

Knoten: installierte Version

@angular/flex-layout@2.0.0-beta.9 

Referenz

Answer 1

Nichts scheint zu fehlen. Achten Sie auf Ihre abgewinkelte Ausführung - "Veraltete Unterstützung für Angular 2.4.x"https://github.com/angular/flex-layout

sollten Sie in der Lage sein, die lib hier zu finden: node_modules/@ Winkel/flex-Layout. Hier ist ein Beispiel für die Verwendung einer einfachen Anweisung. Ich hoffe es hilft!

<div fxLayout="row" fxLayoutAlign="space-around center"> 
    <div fxFlex="33"></div> 
    <div fxFlex="33"></div> 
    <div fxFlex="33"></div> 
</div>