web-dev-qa-db-ja.com

Angular Flex Layout-機能していません

アプリで2.0.0-beta.9を使用しようとしましたが、簡単なテストでは機能しません

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

行ではなく列を表示します

ライブラリを適切にインポートしていると思います

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

これはより一般的な問題ですが、時々私を捕まえます：

プロジェクトが実際にコンパイルされていることを確認してください！

エラーが発生してプロジェクトがコンパイルされない場合、HTMLの変更は表示されず、追加されるディレクティブが含まれます。そのため、既存のコードにディレクティブを追加しても変更が表示されない場合は、コンパイルが完了していることを確認してください。

名前で混乱しないでください

-fxLayoutではなくfxFlexLayoutを使用してください

-fxLayoutAlignではなくfxFlexLayoutAlignを使用してください

0
Simon_Weaver