问题标签 [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 Material2 工具栏响应地改变颜色
是否可以响应地改变md-toolbar颜色？
我用 Flex-Layout 包响应 API 做了这样的事情：
md-toolbar color.xs="primary"
它没有用。
我猜我可以通过观察ObservableMedia然后在代码中设置工具栏的颜色来改变它，但我想知道是否有更简单的方法。
谢谢
更新
我已经打开了一个问题，作为功能请求，基本上是按照我上面所说的。他们说没有计划。
angular - 如何使用 angular4 的 flex 布局实现类似于此引导示例的简单响应式行/列结构？
我一直在使用 angular 4 和 flex 布局库（Flex 布局库）我发现 api 令人困惑，并检查了几个示例，但我只是不知道如何使用这个库实现简单的调整大小的行/列结构。我想用 flex 布局库实现以下引导代码。我将如何使用 flex 布局创建这个引导网格示例？
任何有关如何做到这一点的帮助将不胜感激。谢谢！
angular - PhpStorm + Angular Material 2，Flex 布局插件。只允许带有断点后缀的 flex 属性
我正在尝试将 PhpStorm 设置为在 Angular 2 中使用 Angular Flex Layout 进行开发。我已经安装了插件“ Angular Material 2, Flex layout 1, Teradata Covalent 1 & Material icon live templates ”，但它只允许带有断点后缀的 flex 属性，即它允许：
但它不允许
看截图：
我不是在构建响应式应用程序，也不需要断点，Angular Flex 文档清楚地显示了没有它们的示例。如果插件强迫你使用它们，那似乎相当荒谬。有什么办法吗？我是 PhpStorm 的新手。
css - 如何在 CSS flexbox 中使用 Angular 的 material2 下拉菜单？
我正在使用 Angular 的 flex-layout 库，但是当我创建具有 2 列宽度为 50% 的行时遇到了问题。当以任何方式使用其中一个下拉列表时，另一列将缩小一点。检查 Chrome 中的元素，我没有看到任何明显会导致问题的东西。
Select #1您可以通过从下拉列表中选择一个选项来重现该问题。
http://plnkr.co/edit/aL1qrrP3sX2XZQcfaglQ?p=preview
我错过了什么？
angular - 如何正确使用@angular/flex-layout？
我正在使用@angular/flex-layout创建一个网络应用程序。
当屏幕小于 600px ( xs) 时，我尝试左右留出 5% 的边距。它在较大的屏幕上正常工作（当有fxLayout="row"-layout 时），但在xsand - 情况下不能fxLayout="column"正常工作。
问题：如何使div's 不填充右侧的剩余空间，而是使它们仅占 90%，左右偏移 5%？
angular - 根据屏幕大小更改 md-grid-list 的布局或 cols 值
我正在使用 Grid List of angular material 2。
这是 plunker https://plnkr.co/edit/0v9R3e4x3tThh85147x7?p=preview
在这里，我定义了一个三列的网格列表，并且有三个图块（在一行中显示为定义为三列）。
我想更改图块的布局方向，例如如果屏幕尺寸在某个点缩小，那么所有图块都应该位于另一列下方的第一列中，以某种方式将cols参数值更改为 1。这怎么可能？是否可以使用 flex-layout ？
angular - 使用 flex-layout 填充 Angular Material 2 选项卡
我正在尝试使用Angular Material 2和flex-layout创建一个选项卡式应用程序。我不知道如何让选项卡的内容展开以填满屏幕。
这就是我所看到的：
我的布局代码如下，包括工具栏和页脚。
我已经fxFlex在不同的地方放置并创建了额外的div容器，但都没有成功。有什么想法我应该做什么？
Plunkr 在这里创建：http ://plnkr.co/edit/eU413bX36I6aZFRTs6cg?p=preview
css - Angular 2 Flex 布局右对齐图标
我在使用 Angular Flex 布局对齐项目时遇到问题。
下面的狙击手没有将<md-icon>标题的右侧对齐，这是我打算做的。
关于如何做到这一点的任何建议？
<div class="flex-item" fxFlex fxFlexAlign="end end">
angular - material 和 flex 布局属性不能通过动态加载来工作，而是像简单的 HTML 一样工作
我使用打字稿创建应用程序。现在我有麻烦了。使用来自服务器的 API 加载的模板不起作用，因为它在页面加载时作为网站的一部分加载时工作。我仍然不知道是因为它没有编译还是因为安全原因而出现问题。我试过 这个例子，但它仍然不起作用。这是我将后者应用于我的应用程序的方式：
简短描述：路由器调用 PageComponentLoader 调用 AppService 调用 PageComponent （不包括在内，因为它运行良好，所以假设没有问题）。后者调用 API 并插入（也清理）模板的答案。
问题：按钮按原样呈现<button>，但不是<button md-button>MATERIAL</button>。divs 渲染，因为它也没有被flex'ed。
app.module.ts
dynamic.componets.loader.ts（取自链接中的示例）
应用服务.ts
Page.component.loader.ts
page.html
angular - Angular Material - Datepicker 越界
我正在使用 Angular 4 和 Material 2
我有一个带有打开日期选择器的按钮的输入
我使用 flex-layout 将按钮推到屏幕的右侧，如下所示：
问题是无论何时打开日期选择器，它的一部分都会隐藏在窗口的边界之外
而且没有办法向右滚动...
我怎样才能绕过它？