问题标签 [angular-flex-layout]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何使用 Angular Flex 布局添加边距？
使用 Flex 布局模块时，如何向容器添加边距或内边距？
模板：
风格：
我注意到它似乎没有添加正确的保证金数量。您将能够在屏幕截图中看到，flex 容器的边距小于其外部的文本。
angular - mat-form-field 始终显示在 Angular Material 中的其他元素下
我在 mat-card 内实现材料 mat-form-field 时非常挣扎。我创建了一个全新的解决方案来演示我的问题。例如，我正在尝试添加两张垫卡。一个高于另一个。例如，第一张卡片内部有一个 mat-form-field，另一张卡片有一个图像。这很好用。但是当我点击 mat-form-field 时，选择选项会以全尺寸显示在页面底部。这是最简单的实现。在 Firefox 和 chrome 上测试。
我尝试过不同的方法，例如：css 样式、fxLayout="column"、fxFill、放置 i div 容器等等。是的，我的 BrowserAnimationsModule 已加载。他们也没有错误。
angular - 如何使用 Angular Flex 布局垂直居中？
我创建了一个简单的登录组件，我想垂直居中，但我不确定如何使用 Angular Flex 布局库来实现这一点。
app.component.html
login.component.html
样式.scss
截屏：
angular - 我无法使用 Angular 5，因为 OpaqueToken 已被删除
我已将我的 angular 4 项目更新为 angular 5.2x。在构建应用程序时，它一直在抛出
@angular/core/core"' 没有导出的成员 'OpaqueToken'。错误。
我已经尝试了很多来自 github 的建议，但仍然一次又一次地出现同样的错误。
然后删除 node_modules
任何帮助将不胜感激。
html - 使用 img srcset 处理响应式图像
我正在使用 angular 和材质并使用 img srcset 来处理标题的响应图像。
到目前为止，这就是我正在做的事情：
我对如何使用 srcset 处理高分辨率图像感到困惑。我已经看到 srcset 的示例只有分辨率为 1x 2x 或带有媒体查询的图像。但是想清楚如何处理高分辨率图像以及媒体查询。
我是否需要在 srcset 中添加具有尺寸的高分辨率图像，并且 img 元素会自动处理它。
我正在使用 flex-layout for material 为我的应用程序和 srcset 提供的默认断点。还请建议我是否需要考虑 srcset 的任何其他断点。
谢谢！
angular - Angular 工具栏中的 flexLayout
我在我的 angular 5 应用程序中使用 flexLayout。这是下面的代码。如您所见，我想在 mat-toolbar 和按钮中使用 flex 布局。但我没有得到想要的输出。有关结果，请参阅下面的屏幕截图。
这是它的样子
编辑：包括 app.module.ts
请帮忙。
谢谢
javascript - 收缩垫工具栏
我使用此处提供的示例来设置响应式导航栏
https://theinfogrid.com/tech/developers/angular/responsive-navbar-angular-flex-layout/
我的代码看起来很相似
我想要发生的是当我向下滚动时让 mat-toolbar 缩小，这在很多网站中都很常见，比如这个：
我不会发布其余的 angular 5 代码，只需按照示例重新创建即可 - 它非常快。
我在这里查看了材料网站
https://material.angular.io/components/toolbar/overview
但是关于如何添加它的解释并不多，而且我对这些东西还很陌生。有谁知道我可以如何自定义它以使工具栏缩小，基于滚动？
angular-material - Flex-Layout : 将最后一项水平推到最后
这是我到目前为止所做的：
https://stackblitz.com/edit/angular-jsmp9l
在代码片段上，我们可以看到一个包含按钮的简单工具栏（以更大的尺寸打开 HTML 视图，因为有一些fxShow / fxHide指令触发）。
我想要做的是按下 div 末尾的登录按钮，最右边。
我尝试了以下方法：
<span style="flex: 1 1 auto;"></span>在 Login 和 Contact 按钮之间添加一个style="margin-left: auto;"在登录按钮中添加一个- 添加
fxFlexFill到div包含链接的元素，然后再试一次span，margin-left如上所述 - 四处寻找有关 Flex 容器的文档，但没有任何帮助
如果我删除div容器并使用<span style="flex: 1 1 auto;">它正常工作，登录按钮会出现在工具栏的末尾（水平）。
我想了解为什么div容器会导致这种行为，以及如何才能将登录按钮按在右侧。也许我对 Flex 容器的理解不是很好，所以欢迎任何指点。
angular - Flex布局不适用于角度5
我正在尝试在 angular 5 上使用 flex-layout，但它不起作用。
这是我的环境：
这是 app.module.ts 中的导入：
编译没有错误。
这是对模板的测试：
这是结果（不是预期的）：
