angular-cdk相关内容

角度材质:使用CDkDropList项拖动滚动(&A)

我正在尝试在拖动cdkDropList项时提供滚动。到目前为止,如果不使用鼠标滚轮来滚动,页面将无法滚动。我希望能够根据列表项目的拖动来滚动页面。在谷歌上搜索后,这看起来直到几个月前才有可能?! 我在角度材质存储库上找到了以下提交: https://github.com/crisbeto/material2/commit/b4be85f6716a2d1a432ef7109aa06e72553 ..

Angular 嵌套拖放/CDK 材质 cdkDropListGroup cdkDropList nested

我使用 CDK Material 拖放实用程序来创建一个启用拖放功能的表单编辑器. 它工作正常,但是在 cdkDropListGroup 中嵌套 cdkDropList 不起作用.我无法将任何内容拖到嵌套的下拉列表容器中. 解决方案 我花了一些时间,但由于帖子中的提示,我终于找到了解决方案: https://github.com/angular/components/issu ..
发布时间:2022-01-11 21:25:23 其他开发

在复杂板(矩阵)上的 Angular 中拖放

所以我想在 Angular 中制作我的 Battleships 游戏版本,为此我需要一个 10x10 矩阵,我可以在其中拖放战舰(如果你玩过游戏,你就知道我在说什么)而且我我正在使用 Angular Cdk,但我根本无法让它工作. 到目前为止,我尝试的是用 div 制作一个表格,将元素放在一边并将它们拖放到板上,但我无法连接这两个数组,因为船只数组没有嵌套,而板子是嵌套的. 编辑:这里 ..
发布时间:2022-01-11 20:58:55 其他开发

如何在两个组件之间使用Angular7(角度材料)拖放

最近 Angular 在 Angular 材质中引入了拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在一个组件中描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1: ..

1000 行中的 Angular 6 MatTable 性能

我在我的项目中使用了有角度的材料,并且我正在使用 Mat-Table 来渲染每张表 1000 个产品/行.将表的分页(我们使用后端分页)更改为 1000 行时,性能变得非常慢,我什至无法在文本框中写入. 我试图调试这个问题,所以我把日志放在一个列模板上,这样我就能看到渲染是如何工作的. 即使我将鼠标悬停在表格标题上,我也看到它正在重新渲染所有行.是否有可能将更改检测控制为ChangeD ..

如何使用Angular7(angular material)在两个组件之间拖放

最近 angular 引入了在 angular 材料中的拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在单个组件中进行描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1: ..

Angular 5 Material Table 用具有不同参数类型的函数替换 filterPredicate

我目前正在开发一个组件,该组件使用材料 2 表来显示一些数据.我需要能够编写自定义过滤器操作(例如价格 > 1)并组合多个过滤器.为了完成这项工作,我编写了一个自定义 filterPredicate: customFilterPredicate(data: Coin, filters: Predicate[]): boolean {var 运算符 = {'>=': 函数(a, b){返回 +a ..
发布时间:2021-11-10 02:32:17 其他开发

带有 mat-grid-list 的 cdk virtualscroll

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

使用 cdkDropListConnectedTo 连接多个拖放区的 Angular CDK

我正在创建一个带有泳道的简单板界面,比如 Jira 泳道或 trello 板 红线表示电流 蓝色表示我想要实现的流程 我有三列,分别名为“待办事项"、“进行中"和“已完成".目前,我可以使用 cdkDropListConnectedTo 将项目从 To Do 拖到 In Progress,从 In Progress 拖到 Done,再从 Done 拖回 To do. 我想知 ..

更改覆盖容器的样式

我使用 git 项目作为虚拟键盘(https://ngx-material-keyboard.github.io/demo/).我有一些问题要让它在 450*250 像素的小型设备上运行. 最后,如果我使用开发工具直接在 Web 浏览器中修改 css,我发现了必要的更改. 现在我必须找到合适的位置来改变来源. 将使用来自angular2-material的overlay组件来可视 ..