问题标签 [angular-flex-layout]

我在 mat-card-header 中有以下行：

结果如下：

价格和图片不一致。图片高于文字。是否有任何 flex 指令来调整它？

按照https://angular-update-guide.firebaseapp.com/中描述的步骤将我的 angular 4 应用程序升级到 5

我已经使用 @latest 安装了所有最新的软件包，而不是上面链接中提到的特定版本。

ng serve --open 失败并出现以下错误

错误 TS2688 中的错误：找不到“flex-layout”的类型定义文件。

我在@angular/flex-layout/ 看到了一个文件 flex-layout.d.ts

下面是我的 package.json 文件

I have four tables my page. One's size is almost the same as other three small table. I want to fit loan detail and credit detail table below application detail where there is enough empty space.

I am using flex layout for grid system. Is there any workaround to achieve this using fx flex property of flex layout.

stackblitz link

this is my html code

我有以下角度 html 组件：

上面所做的是显示一个自动完成下拉菜单和一个刷新按钮。我正在努力在 html 上方设置样式以显示如下图所示的内容：

但是，它看起来像以下不是所需的输出：

我应该改变什么来获得第一张图片？我希望输入字段占据行的 95% 宽度，并且它旁边的一个小刷新按钮向右对齐。

我是 Angular Flex 的新手。我有 3 个divs，我希望div在上部和下部之间有一个动态空间，以便下部div位于底部，具体取决于底部和顶部div's占用的空间。

这可以通过 Angular Flex 实现吗？

这是3个div

根据媒体查询，有没有更漂亮的方法可以在 mat-icon-button 和 mat-button 之间切换？我已经对我当前的解决方案做了一个演示，但它需要两个独立的按钮。

演示

我正在按照https://github.com/stanleyeosakul/angular-universal-firebase的一些说明让我的网站托管在 firebase 上。当我运行 firebase deploy 时，一切都很好，直到最后一步。这就是我收到以下错误的地方：

谁能帮我解决这个错误？现在甚至可以在 Firebase 托管上使用 flex-layout 吗？我整天都在尝试它，这令人沮丧。

谢谢！

我正在创建一个应用程序，它使用角度 5 中的父子关系具有多个组件。

在我的主要 app.component.html 中，我有这个结构。

该指令“app-layout-header”负责像这样加载侧面导航和顶部导航。

现在这个指令“app-layout-view”负责像这样加载数据表或网格。

我想使用弹性布局，这样我就可以让它响应，我也想要这样的最终结果。

但我不确定如何将数据表准确放置在我想要的位置，即顶部导航栏下方并靠近侧菜单。目前它位于整个侧面菜单下方，如您在第二张图片中所见。

我现在应该怎么做才能得到想要的结果？

我突然收到这个错误

这个错误发生在我安装@angular/cdk之后，

在这个错误之后，我再次使用安装了 flex-layout

但是现在有错误

如果我安装一个 http，那么其他一些模块就会丢失。如何阻止这种情况？出了什么问题？

如果我安装 @angular/http 然后它再次开始

点击查看附件图片

我想制作像所附图像一样的屏幕，但遇到了一些问题。我的代码在小型设备和大型设备上运行良好，但对于中型设备运行不正常。所以任何人都可以查看我的代码并帮助我解决这个问题。实际上，我对 Flex 布局网格系统有点困惑。在 Bootstrap 中很容易实现这一点，但我希望在 Flex Layout 中实现这一点。