问题标签 [angular-flex-layout]

我在 Angular 4 中使用 flex 布局模块，我在桌面模式下并排尝试卡片布局需要显示，并且在移动模式下它应该是一比一，但它对我不起作用请建议正确的代码。

下面是我的代码：

使用这个版本: @angular/flex-layout:^2.0.0-beta.9

我正忙于一个使用 angular-flex-layout 的项目。我有一个由两列组成的列表，其中每一列都是一个 mat-list angular-material 列表，由一个图标组成，图标旁边有一个文本。我将 fxLayoutWrap="wrap" 添加到父 fxLayout 行容器中，但是当达到每列的最大宽度（35%）时，而不是换行到下一行 angular-flex-layout 或 angular-material 列表附加一个 ...文本的结尾而不是换行到下一行。知道如何解决这个问题/这里发生了什么吗？我能想到的解决此问题的唯一方法是在不适合的文本中间添加一个 br 标记？这似乎是一个糟糕的解决方案，因为我总是需要寻找一个好地方来添加 br 文本，它可以/应该只是换行到下一行。

问题截图：

https://imgur.com/TZwjNju

我的代码：

这个问题与 Angular 2+ 和 @angular/flex-layout 包有关。

例如，在尝试使用fxFlex="30"时，CSS 样式不会应用于元素。

在我的项目中使用 flexlayout，页脚无法正确渲染

场景： 如果没有文字，那么页脚应该贴在屏幕底部，如果超过屏幕内容，那么页脚应该被推到屏幕底部。

下面是我的代码：

上面的代码在页脚中占用了额外的空间，即使内容较少，也意味着出现滚动条。可以建议我在这里错过的内容。

使用 CSS

尝试在现有的启用 npm 的 Ionic 3 项目中使用 @angular/flex-layout。

在我的主模块的导入中添加“FlexLayoutModule”将不允许应用程序启动，并说：cannot find module "rxjs/operators"是原因。

已经清除 node_module，npm install，重新安装 Ionic CLI。没有什么帮助。会不会是版本冲突？此外，我已经在这个项目中使用了 Observables。我不明白。并且“FlexLayoutModule”的导入是导致此问题的原因（禁用导入会消除此问题）。

任何人都可以成功地将 flex-layout 与 ionic 结合使用吗？我见过这个 plunk，但它使用 system.js，所以不能 100% 复制我的目标。

http://plnkr.co/edit/y8R0MF?p=info

编辑：一个更详细的问题：

未捕获（承诺）：错误：找不到模块“rxjs/operators”错误：在 Object.580 处找不到模块“rxjs/operators”（http://localhost:8100/build/22.main.js:319:7 ) 在webpack_require ( http://localhost:8100/build/main.js:48:30 ) 在 Object.1021 ( http://localhost:8100/build/22.main.js:11:79 ) 在webpack_require ( http://localhost:8100/build/main.js:48:30 ) 在 http://localhost:8100/build/main.js:122015:10在 t.invoke ( http://localhost:8100/build /polyfills.js:3:9283 ) 在 Object.onInvoke ( http://localhost:8100/build/main.js:4650:37 ) 在 t.invoke (http://localhost:8100/build/polyfills.js:3:9223 ) 在 r.run ( http://localhost:8100/build/polyfills.js:3:4452 ) 在 http://localhost:8100/构建/polyfills.js:3:14076

我正在尝试通过添加 overflow-y: scroll 并设置一些 height:90% 来制作可滚动的调查列表

它工作正常，直到调查列表只有 12。但是，如果调查列表超过 12，即 13，调查列表以及整个窗口都可以滚动，我没有使用 css/bootstrap。仅使用角度材料 2 的角度材料、sass 和 flex 布局。

我是视觉设计方面的新手。我现在使用 angular 4 和材料 2 模块和网格系统的引导程序。毕竟我意识到这还不够好（例如，我开始不喜欢 21:9 纵横比的容器大小）
毕竟我发现 angular flex-layout 模块是推荐用于此设置的。但是我在那里找不到像元素这样的容器，应该在视图中居中主要内容并为其提供响应式元素宽度。
使用此设置设置容器的首选方法是什么，例如引导程序'container'类？

我想在我自己的 scss 文件中使用 Angular Flex-layout 中定义的断点别名，但我不知道要导入什么。我的文件夹中没有看到.scss任何.css文件/node_modules/@angular/flex-layout。

我希望这是可能的，所以如果你能帮助我;-)

谢谢

我有一个 angular 4 应用程序，它使用 angular flex 进行布局而不是 Bootstrap。

但是对于每个 div 标签中的对齐方式，我必须给出：

谁能建议如何重用这些指令而不是为每个标签编写它？

有没有办法让@angular/flex-layout根据屏幕大小更改类？

我知道我可以这样做：

和这个：

等等

我希望能够做这样的事情：

有没有办法做这种事情 - 根据屏幕宽度更改类？

谢谢！