-
3 votesanswersviews
实现了固定标头但内容在 Headers 上滚动
我正在使用Angular 2应用程序使用角度材质和角度flex布局 . 我在我的应用程序中创建了一个 login form 和 a header ,只有在我的主页登录后才能看到它 . 在我的app.component.html中,我添加了我的 Headers ,并应用了下面的样式,以便在滚动时修复它 . <div style="margin-bottom:5px; top: ... -
2 votesanswersviews
如何使Angular Material手风琴适合容器?
我想在我的flex布局中安装一个适合特定网格行的手风琴 . 基本上,手风琴的容器元素与行中的另一列的高度相同 . 目前,AM扩展面板忽略了父高度,要么不填充父级,要么推高其高度以适应手风琴的内容 . AM expansion panel as accordion example Stackblitz demo 这是一个简化的场景: <div fxLayout="row"&... -
1 votesanswersviews
mat-form-field始终显示在Angular Material中的其他元素下
我非常努力在mat-card中实现材料mat-form-field . 我已经创建了一个全新的解决方案来演示我的问题 . 例如,我正在尝试添加两张垫卡 . 一个在另一个之上 . 第一张卡片内部有一个mat-form-field,另一张卡片就是一个图像 . 这很好 . 但是当我点击mat-form-field时,选择选项会以完整大小显示在页面底部 . 这是最简单的实现 . 在firefox和chro... -
2 votesanswersviews
mat-menu的样式不使用角度材料和flex css在角度工作
我正在尝试使用角度材料和flex css在角度2中创建一个简单的布局 . 以下是我的代码...... <div class="background" > <mat-toolbar fxLayout="row" fxLayoutAlign="space-between none" > <div f... -
1 votesanswersviews
如何使用角度材料flexlayout避免水平和垂直滚动角度
我使用角度材料和柔性布局工作角度2 . 我已经实现了 mat-sidenav 并且已经采取了一些 mat-form-field 并且还实现了 mat-table 我只为 mat-table 组件指定了最大高度,但除了 mat-table 的垂直滚动条之外,我得到了页面的水平和垂直滚动条 以下显示的是我的页面 . 当它到xs视口时,我得到多个滚动,如下所示 任何人都可以帮我解决如何避免这些滚动条... -
11 votesanswersviews
使用Angular中的Angular Material / Flex-Layout创建具有固定 Headers ,固定侧边栏,固定内容部分的布局
我正在使用Angular w / Angular Material和Flex Layout 我正在尝试为Web应用程序创建一个与this site完全相同的布局 . 注意固定 Headers ,固定侧边栏,固定内容的痛苦 . 没有使用浏览器滚动,只有div滚动并完全适合浏览器视口 . 这是我用来给我基本结构的html: <md-toolbar color="primary"... -
1 votesanswersviews
使用角度材质和柔性布局固定 Headers
我正在使用角度材料和角度flex布局使用Angular 2应用程序 . 我在我的应用程序中创建了一个 login form 和 a header ,只有在我的主页登录后才能看到它 . 在我的app.component.html中,我添加了我的 Headers ,并应用了下面的样式,以便在滚动时修复它 . <div style="margin-bottom:5px; top: ... -
5 votesanswersviews
角度路由器儿童无法填补空间
我在使用路由器插座填充所有可用空间时遇到问题 . 我为我的应用程序使用angular / flex-layout . 加载路由器的组件并不占用所有可用位置 . <div fxLayout="column" fxFlexFill> <maat-top-bar></maat-top-bar> <router-outlet fxFle... -
2 votesanswersviews
Angular * ngFor在不同的div上
我在角4项目中使用了材质flex的标记,看起来像这样 . <div fxLayout="row"> <div fxFlex="65"> </div> <div fxFlex="35"> </div> </div> 我有一系列这样的元素: pub... -
0 votesanswersviews
angular-flex-layout:fxLayoutWrap将...附加到不适合的文本而不是将文本包装到下一行
我正忙于一个使用angular-flex-layout的项目 . 我有一个由两列组成的列表,其中每列是一个mat-list角度材料列表,由一个图标旁边的图标组成 . 我将fxLayoutWrap =“wrap”添加到父fxLayout行容器中,但是当达到每列的最大宽度(35%)时,而不是换行到下一行angular-flex-layout或angular-material list附加...到文本的... -
1 votesanswersviews
角度材料选项卡高度
我正在尝试使用整页Angular Material选项卡,其中包含完整高度且具有居中消息的选项卡 . 我已经创建了this stakblitz因为我可以想要在每个标签内强制高度,因为这似乎打败了灵活布局的点 . 我肯定它很简单,但帮助一个穷困惑的开发人员习惯Bootstrap网格:) UPDATE 添加高度:计算(100vh - 100px);到父div,然后也到tall.component ... -
0 votesanswersviews
mat-menu样式未应用于角度
我试图使用角度材料和flex css在角度2中创建一个简单的布局 . 以下是我的代码...... <div class="background" > <mat-toolbar fxLayout="row" fxLayoutAlign="space-between none" > <div fxL... -
1 votesanswersviews
如何将角度材质字段设置为宽度:100%?
如何在840px的屏幕尺寸下将表单字段设置为最大宽度? 我正在使用:Angular,Angular Materials和Flex-Layout . 具体来说,为什么这不起作用,我应该使用什么呢? Styles.css: @media (max-width: 840px) { md-form-field{ width: 100%; } } -
3 votesanswersviews
角度素材在mat-icon-button和mat-button之间切换
是否有更漂亮的方法在mat-icon-button和mat-button之间切换,具体取决于媒体查询?我已经对我当前的解决方案进行了演示,但它需要两个独立的按钮 . <button type=button mat-icon-button fxHide fxShow.lt-sm (click)="onEdit($event)"> <mat-icon>e... -
1 votesanswersviews
无法使用flex布局定位角度材料垫卡
我是Flex Layout的新手,刚开始研究如何使用带有flex布局的角度材料 . 我使用角度材料在角度2中实现了一个简单的登录表单 . 我想使用带有角度材质的flex布局 . 我使用mat-card,我已经对齐了我的表单元素 . 但我想把mat-card放在我的屏幕中央 . 它是水平居中而不是垂直居中 这是我的代码 myform.component.html <div fxlayout=&... -
0 votesanswersviews
角材料卡高度未填充柔性布局
我试图让这些内卡填满他们的高度,我觉得我没有正确使用flex布局 . <div fxlayout="row"> <div fxFlex style="padding: .5%"> <mat-card> hi </mat-card> </div> <... -
1 votesanswersviews
角度材料4柔性布局
在我的项目中安装了材料flex布局,但我无法在@node_modules中看到该文件,并且无法正确呈现flex layout css . 下面是我跟随的代码,请在此处提出任何遗漏的建议 . installed npm install @angular/flex-layout@latest --save imported app.components.ts import { ObservableM...