为Angular Material中的输入mat-form-fields设置宽度
我非常不熟悉Angular，正在尝试创建具有超出默认长度的输入字段的表单。这是我的当前代码： person.component.html<form class="new-person-form"> <mat-card> <...
如何使用Angular Flex Layout实现垂直居中？
我创建了一个简单的登录组件，想要将其垂直居中，但我不知道如何使用Angular Flex Layout库来实现。 app.component.html<router-outlet></router-outlet> 登录组件.html<div fxLayout f...
Angular Material标签高度
我正在尝试创建一个完整页的 Angular Material 选项卡，其中选项卡是全高度的，并带有居中的消息。 我已经创建了这个 stakblitz ，因为我无法使它正常工作。 fxFill 似乎不起作用，我不确定这是 Flexbox 布局还是 Angular Material 的问题。 我不...
Angular Flex布局 - 无法工作
我试图在我的应用中使用2.0.0-beta.9版本，但简单的测试无法运行。 <div fxLayout="row"> <div>1. One</div> <div>2. Two</div> <div>3. Thr...
Angular flex-layout - fxLayoutGap会在换行的行末产生令人烦恼的间隙。
使用fxLayoutGap和wrap会在每行末尾留下令人讨厌的边距。有没有办法解决这个问题？ https://stackblitz.com/edit/angular-fxlayoutgap-calc-mralnz?file=app%2Fapp.component.html <div ...
@angular/flex-layout如何根据屏幕尺寸使用不同的类？
有没有一种方法可以让 @angular/flex-layout 根据屏幕大小改变类(class)？ 我知道我可以这样做：<div fxFlex="grow" fxLayout="row" fxLayout.xs="column"> 和这个：<div fxFlex="22" ...
如何通过Flex-Layout设置Angular Material页脚
我如何在我的应用程序中设置页脚（我使用Angular Material），以便它： 如果内容高度小于视口，则保持底部粘着 如果内容高度大于视口，则向下移动/被推下 还有一件重要的事情 - 我想通过 angular/flex-layout 实现这一点，而不是通过标准的 HTML/CSS ...
Angular Material 2卡片标题按钮设置到右侧
我使用 Angular Material 2，并希望在卡片标题中添加图标按钮。如何将按钮设置到右侧？ 我的计划： 当前的网站： 我想将这些按钮设置在头部的右上角。如何做到？ 我不会包括类别代码，因为没有问题。在 typescript 代码中只有一个循环来添加更多的卡片和一个虚拟方法用于单...
如何使用Angular Flex布局添加边距？
如何在使用Flex布局模块时为容器添加外边距或内边距？ 模板：<div class="container"> hell <div fxLayout="column" fxLayoutAlign="center center"> <mat-card...
使用Angular Material / Flex-Layout在Angular中创建一个具有固定标题、固定侧边栏和固定内容区域的布局
我正在使用Angular与Angular Material以及Flex Layout 我想创建一个和这个网站完全一样的web应用程序布局。注意固定的页眉、固定的侧边栏、固定的内容面板。没有使用浏览器滚动条，只使用元素的滚动来完美适配浏览器视口。 以下是我用来构建基本结构的HTML代码：<...