使用 ngFor items 在第一个元素之前显示另一个项目
我想使用 ngFor 显示一个数组，但在第一个元素之前我想显示一张卡片(用户可以点击里面显示一个模式) 代码如下:
..
angular-flex-layout相关内容
根据屏幕大小更改 md-grid-list 的布局或 cols 值
我正在使用 angular material 2 的网格列表. 这里是plunkerhttps://plnkr.co/edit/0v9R3e4x3tThh85147x7?p=preview 这里我定义了一个三列的网格列表，有三个图块(显示在一行中，定义为三列). 我想改变拼贴的布局方向，比如如果屏幕尺寸在某个点缩小，那么所有拼贴都应该在另一列下方的第一列中，这是 cols 参数的
..
mat-drawer-content 中使用的 Flex 布局
我在导航抽屉中使用了这样的 angular flex 布局
抽屉内容
clear
..
从主页重定向到登录页面时无法隐藏登录页面中的导航栏
我正在尝试使用 Angular Material 和 Angular Flex Layout 在 Angular 中实现一个示例应用. 我已经实现了一个隐藏在登录页面中并在应用程序的所有页面中可见的导航栏. 我创建了一个名为 showmenu.service.ts 的服务，其中我声明了两个变量并将它们分配为布尔值.. 我可以在启动应用程序时隐藏登录页面中的导航栏.但是当我登录到应
..
Angular Material FlexLayout fxHide 不隐藏
我正在研究使用 flex-layout 的 mat-stepper.每一步都包含图标和一个段落，以使其更负责任和更具可读性我想在较小的屏幕上隐藏段落并只留下图标.根据我的理解 fxHide.lt-sm 应该隐藏元素，如果分辨率低于小但不幸的是没有任何反应，它看起来像这样:步进器图片(Galaxy S5 尺寸) 代码如下:
..
实现了一个固定的标题，但内容在标题上滚动
我正在使用 Angular 2 应用程序使用 angular 材料和 angular flex 布局.我在我的应用程序中创建了一个 登录表单 和 一个标题，它仅在登录后可见在我的主页. 在我的 app.component.html 中，我添加了我的标题并应用以下样式以在滚动时修复它. 在我的主页中，我添加了一个 mat-toolbar 组件、mat-card 组件和 ma
..
实现了一个固定的标题，但内容在标题上滚动
我正在使用 Angular 2 应用程序使用 angular 材料和 angular flex 布局.我在我的应用程序中创建了一个 登录表单 和 一个标题，它仅在登录后可见在我的主页. 在我的 app.component.html 中，我添加了我的标题并应用以下样式以在滚动时修复它. 在我的主页中，我添加了一个 mat-toolbar 组件、mat-card 组件和 ma
..
Angular flex-layout - fxLayoutGap 在包装行的末尾导致恼人的间隙
使用 fxLayoutGap 和 wrap 会在被换行的每一行的末尾留下恼人的边距. 有没有办法解决这个问题? https://stackblitz.com/edit/angular-fxlayoutgap-calc-mralnz?file=app%2Fapp.component.html
..
如何在 angular 2 的网格中使用 flex 布局和 md-card?
我正在使用“@angular/core":“2.4.10"和“@angular/material":“2.0.0-beta.2".我已经使用 npm 安装了 flex-layout.我想用卡片设计响应式网格.我正在使用 md-grid-list 和 md-card.如何在 md-card 或 md-grid-list 中使用 flex 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要
..
无法以角度 2 隐藏登录页面中的导航栏
我正在尝试使用 Angular Material 和 Angular Flex 在 Angular 中实现一个示例应用 布局. 我已经实现了一个导航栏，我想将其隐藏在登录页面中并在应用程序的所有页面中可见. 我创建了一个名为 showmenu.service.ts 的服务，我在其中声明了一个变量并分配为布尔值.还定义了两个函数 show() 和 hide() 我没有收到任何错误，
..
使用angular 2中的flex box css在xs屏幕尺寸上调整mat-table
我已经使用 flexbox css 实现了一个简单的有角度的材料表. 在桌面上，我的表格视图如下所示. 在 md 屏幕尺寸中，视图为 在 xs 屏幕尺寸中，它的视图是 当我在 XS 屏幕视图中看到表格时，表格列之间的间距没有正确调整.. 有没有办法通过指定表格的最小宽度并在 XS 和 SM 屏幕尺寸时添加水平滚动来添加水平滚动以正确分隔表格列. 下面显示的是我的
..
可收缩垫工具栏
我使用此处提供的示例来设置响应式导航栏 https://theinfogrid.com/tech/开发人员/angular/responsive-navbar-angular-flex-layout/ 和我的代码看起来很相似 {{title}}
..
从 fxLayoutGap 行的最后一个元素中删除填充
我在使用 fxLayoutGap 时遇到问题.我的列表的最后一列有一个填充，我不想要它. 如何保留 fxLayoutGap(卡片之间的空间)并删除最后一列的填充?谢谢！
..
Angular Material 中的模态布局响应
我对在 Angular Material 中使用模态的响应能力有疑问.我怎样才能让它在小屏幕上看起来很好.它不必是 mat-grid 请查看此 stackblitz 链接 点击此处 openDialog() {const dialogRef = this.dialog.open(ModalComponent, {宽度:“650px"，高度:“380px"});} 解决方案 演示
..
Angular mat-table 分页不起作用，整个数据加载到 mat-table 的第一页
我使用了 Angular Material 表，我从 ts 文件绑定了数据源，但是所有数据都加载在第一页上，分页不起作用.我还有两个表，它们在同一页上，同样的问题其他表也是. 我试过了 setTimeout(() => this.dataSource.paginator = this.paginator); 和 ngAfterViewInit() {this.dataSource.pa
..
如何在静态屏幕尺寸上动态更改 Angular5 中的 fxFlex 值?
我有如下两列，我想在单击按钮时动态交换/更改 fxFlex 值.我知道如果您调整屏幕大小，fxFlex.md/lg 等将启动我能够完成的工作.但我试图了解如何在按钮单击等事件中更改静态屏幕大小上的 fxFlex 值.
..
如何在 angular 2 的网格中使用 flex 布局和 md-card?
我正在使用“@angular/core":“2.4.10"和“@angular/material":“2.0.0-beta.2".我已经使用 npm 安装了 flex-layout.我想用卡片设计响应式网格.我正在使用 md-grid-list 和 md-card.如何在 md-card 或 md-grid-list 中使用 flex 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要
..
角形mat-table分页不起作用，整个数据加载在mat-table的第一页上
我使用了Angular Material表，我从ts文件绑定了数据源，但是所有数据都加载到了第一页上，分页不起作用.我还有两个表，它们位于同一页上，对于同样的问题其他表格. 我尝试过 setTimeout(()=> this.dataSource.paginator = this.paginator); 和 ngAfterViewInit(){this.dataSource.pa
..
从首页重定向到登录页面时，无法在登录页面中隐藏导航栏
我正在尝试使用 Angular Material 和 Angular Flex布局在 Angular 中实现示例应用. 我实现了一个导航栏，该导航栏隐藏在登录页面中，并且在应用程序的所有页面中都可见. 我创建了一个名为 showmenu.service.ts 的服务，其中我声明了两个变量并将其分配为布尔值. 启动应用程序时，我可以在登录页面中隐藏导航栏.但是，当我登录到该应用程序
..
实现了固定的标头，但是内容在标头上滚动
我正在使用Angular 2应用程序使用角材料和角柔性布局.我在我的应用程序中创建了一个登录表单和标题，仅在登录后可见在我的主页中. 在我的app.component.html中，我添加了标题，并应用了以下样式以在滚动时对其进行修复.
在我的主页中，添加了 mat-t
..