angular-material - Angular Material 4 弹性布局

Question

在我的项目中安装了材质 flex 布局，但我无法在 @node_modules 中看到该文件，并且它无法正确渲染 flex 布局 css。

下面是我遵循的代码，请提出这里缺少的任何内容。

已安装

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

导入的 app.components.ts

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

在 app.moduel.ts 中导入

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

节点：安装版本

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

以供参考

score 1 · Accepted Answer

似乎什么都没有。注意您的 Angular 版本 - “不推荐使用 Angular 2.4.x 支持” https://github.com/angular/flex-layout

您应该可以在此处找到该库：node_modules/@angular/flex-layout。这是一些基本的指令用法示例。希望能帮助到你！

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

score 0 · Accepted Answer

Flex 布局非常适合 Angular，您所需要的都在这里。请访问此链接并遵循文档：

---------附加说明-------------

如果您使用可视化代码，还有一个用于 angular flex 布局的插件，可用于更快速的编码。

2 回答 2