Question

我的项目中已安装的材质flex布局但我无法在@node_modules中看到该文件，并且无法正确呈现flex layout 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

供参考

Answer 1

似乎没有遗漏任何东西。注意你的Angular版本 - “对Angular 2.4.x的弃用支持” https://github.com/angular/flex-layout

你应该能够在这里找到lib：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>

Answer 2

Flex布局可以很好地与角度配合使用，您所需的就在这里。请访问此链接并遵循文档：

---------额外说明---------------------

如果您使用的是可视代码，则还有一个用于角度弹性布局的插件，可用于更快速的编码。