web-dev-qa-db-fra.com

Angular Flex Layout - Ne fonctionne pas

J'ai essayé d'utiliser 2.0.0-beta.9 dans mon application, un simple test ne fonctionne pas

<div fxLayout="row">
    <div>1. One</div> <div>2. Two</div> <div>3. Three</div> <div>4. Four</div>
</div>

affiche les colonnes au lieu des lignes

Je pense que j'importe la bibliothèque correctement

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

import {FlexLayoutModule} from "@angular/flex-layout";

import {TestApp} from "./test-app";

@NgModule({
  imports: [ 
    BrowserModule,
    FlexLayoutModule
  ],
  declarations: [ TestApp ],
  bootstrap: [ TestApp ]
})
export class TestAppModule {

}
angularangular-flex-layout
13
user1916077

Il s'agit plus d'un problème générique, mais il m'attrape de temps en temps:

Assurez-vous que votre projet est en train de compiler!

Si vous avez une erreur et que le projet ne se compile pas, les modifications HTML ne seront pas affichées - ce qui inclut les directives ajoutées. Donc, si vous ajoutez une directive au code existant et ne voyez pas la modification, assurez-vous que votre compilation se termine.

Ne vous embrouillez pas avec les noms

-Utilisez fxLayout et non fxFlexLayout

-Utilisez fxLayoutAlign et non fxFlexLayoutAlign

0
Simon_Weaver