angular7相关内容

带有 mat-grid-list 的 cdk virtualscroll

是否有适用于网格列表的虚拟滚动实现?我认为默认实现不起作用,因为每一行都应该有一个元素. 我使用网格列表来显示个人资料图片,需要无限滚动或最好是虚拟滚动来加载新图片. 解决方案 所以由于 cdk virtualscroll 不支持多列,我最终使用了 ngx-virtual-scroller,支持多列.由于这个原因,我也不得不放弃 mat-grid-list,但是,在使用 flexbo ..

角材料 Snackbar:不会用新消息覆盖以前的消息

我正在使用 Snackbar 向用户显示错误和警告消息.有时,这些可能会在时间上彼此接近,比第一条消息的显示持续时间更接近.如此接近以至于在用第二条消息覆盖之前没有给用户足够的时间阅读第一条消息. 有没有办法将行为更改为在显示第二条消息之前等待第一条消息结束,或者将它们堆积起来? 解决方案 不是为每条消息调用 Snackbar,您可以将它们全部放入一个数组中以模拟消息“队列".我建议 ..
发布时间:2021-11-10 02:06:15 其他开发

使用 cdk-virtual-for 进行多选,使其看起来没有被选中

我有几个使用 CDK 中新 Virtual for 的多角度材质多选. 当您选择几个项目并将它们滚动到视图之外,从而将它们从虚拟 for 中删除然后关闭选择时,看起来输入已被删除,但是当打开选择并向上滚动时,您会看到他们仍然被选中. 这是一个 imgur 相册,显示了我的问题:https://imgur.com/a/8CVXulD 我能想出的唯一解决方法是,我可以检测到选择何时关 ..
发布时间:2021-11-10 02:02:44 其他开发

我如何在 cdk-overlay-pane 旁边为 angular 7 的材质菜单应用自定义类

我有一个要求,我想使用角度材质菜单创建超级菜单.现在我想使用自己的自定义类将一些样式应用于 cdk-overlay-pane为此,我使用了 class 和 panelClass 属性,但对我不起作用. 我尝试在使用 class 和 panelClass 属性时应用自定义类.请检查以下代码 以上代码都不适合我. 角度材质打开菜单cdk覆盖时,应该在cdk面板类旁边应用自定义类 ..
发布时间:2021-11-10 01:51:15 前端开发

Mat-tree 创建一个带有要显示的值和 ids 的树

我正在按照文档学习如何使用 mat-tree,但现在我需要使用一个数据源树,它不仅定义了字符串,因为当我单击一个节点时,我需要知道它的 id. 这是我项目的stackblitz. 基本上,我需要将这棵树与我按照文档构建的复选框一起使用,但现在我的数据源是这样的: const TREE_DATA:TodoItemNode = {item: "第一项",孩子们: [{item: '第二项',孩子 ..
发布时间:2021-11-10 01:50:51 其他开发

如何自定义处于禁用状态的 mat-form-field

我正在尝试自定义有角度的材料 mat-form-field :我能够使用以下方法自定义下划线边框: ::ng-deep.mat-form-field-ripple {背景颜色:黄色;} 现在我正在尝试将禁用状态下的下划线边框自定义为实线而不是虚线: 我试过了,但它对下划线不起作用: ::ng-deep.mat-form-field-disabled{} 我希望它在禁用状态下为灰色实心 ..
发布时间:2021-11-10 01:49:40 其他开发

输入框属性在单选按钮更改时动态设置

我有 20 个垫子扩展面板,每个扩展面板有一个单选组,每个单选组有 5 个单选按钮,单选按钮下方有一个评论框.所以我想要一些类似的东西,当我选择第三个单选按钮时,特定的这个扩展面板评论框将是可选的,否则它是必需的.目前,所有 mat-expansion-panel 都发生了变化,所以想要在我选择单选按钮的特定面板上进行更改.所以你能不能给我提供一个类似的例子. 我的 Json 数据: { ..
发布时间:2021-11-10 01:46:54 其他开发

如何删除空间底部垫形式字段

我将 angular 7 与 angular 材料一起使用,并且我想移除空间底部,如您所见.我尝试了很多方法但都没有成功. 解决方案 你可以在你的 css 中添加这个 ::ng-deep .mat-form-field-wrapper{底边距:-1.25em;} 注意:当你删除空格时,你不能把 hint 或 错误 正确.错误和提示进入表单域. 不使用 :: ..
发布时间:2021-11-10 01:38:43 其他开发

Angular 7 滚动事件不会触发

用于在我的 Angular 应用程序的 MatDialog 组件中实现间谍导航栏.我实现了一个指令来监视滚动事件使用 @HostListener('window:scroll', ['$event']) 我也尝试将 'scroll' 作为事件名称.但该事件似乎没有触发.我尝试了几种方法,例如.G.通过在对话框组件中直接使用 HostListener,通过使用 JavaScript window ..
发布时间:2021-11-10 01:38:34 其他开发

Angular Material - mat-table 不渲染来自 rest api 的数据

我一直在尝试实现 this 来自 Angular Material 的表格示例,但不幸的是 我不明白我做错了什么,我的 REST 端点提供的数据在控制台输出中清晰可见. 我怀疑可能是在呈现表格时数据还没有完全加载.感谢任何帮助,谢谢! lap.component.ts import {Component, OnInit, ViewChild} from '@angular/co ..
发布时间:2021-11-10 01:34:26 其他开发