angular-cdk相关内容
我正在尝试在拖动cdkDropList项时提供滚动。到目前为止,如果不使用鼠标滚轮来滚动,页面将无法滚动。我希望能够根据列表项目的拖动来滚动页面。在谷歌上搜索后,这看起来直到几个月前才有可能?! 我在角度材质存储库上找到了以下提交: https://github.com/crisbeto/material2/commit/b4be85f6716a2d1a432ef7109aa06e72553
..
我正在尝试监视如下所示的角度platform服务的函数supportsScrollBehavior- import * as platform from '@angular/cdk/platform'; describe('Supporting Scroll Behaviour', () => { beforeEach(() => { const funcSpy
..
我使用 CDK Material 拖放实用程序来创建一个启用拖放功能的表单编辑器. 它工作正常,但是在 cdkDropListGroup 中嵌套 cdkDropList 不起作用.我无法将任何内容拖到嵌套的下拉列表容器中. 解决方案 我花了一些时间,但由于帖子中的提示,我终于找到了解决方案: https://github.com/angular/components/issu
..
所以我想在 Angular 中制作我的 Battleships 游戏版本,为此我需要一个 10x10 矩阵,我可以在其中拖放战舰(如果你玩过游戏,你就知道我在说什么)而且我我正在使用 Angular Cdk,但我根本无法让它工作. 到目前为止,我尝试的是用 div 制作一个表格,将元素放在一边并将它们拖放到板上,但我无法连接这两个数组,因为船只数组没有嵌套,而板子是嵌套的. 编辑:这里
..
最近 Angular 在 Angular 材质中引入了拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在一个组件中描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1:
..
我正在尝试实现一个基本的(非常基本的)模态实现.我有一个 ModalService 和一个 ModalComponent. ModalService 创建一个 ModalComponent 的实例,并使用@angular/cdk/portal 将其注入到页面中. 我可以让模态显示得很好:-) ModalComponent 有一个 Observable 属性,我希望 ModalSe
..
我有一个全局加载器,它是这样实现的: 核心模块: router.events.pipe(过滤器(x => x NavigationStart 的实例)).subscribe(() => loaderService.show());router.events.pipe(filter(x => x NavigationEnd 实例 || x NavigationCancel 实例 || x N
..
我在我的项目中使用了有角度的材料,并且我正在使用 Mat-Table 来渲染每张表 1000 个产品/行.将表的分页(我们使用后端分页)更改为 1000 行时,性能变得非常慢,我什至无法在文本框中写入. 我试图调试这个问题,所以我把日志放在一个列模板上,这样我就能看到渲染是如何工作的. 即使我将鼠标悬停在表格标题上,我也看到它正在重新渲染所有行.是否有可能将更改检测控制为ChangeD
..
使用ng update命令升级@angular/core和@angular/material后,ngcc命令失败并出现以下错误 使用的命令: ngcc --properties es2015 浏览器模块 main --first-only --create-ivy-entry-points 错误: >编译@angular/cdk/stepper : es2015 为 esm20
..
最近 angular 引入了在 angular 材料中的拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在单个组件中进行描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1:
..
我有一个带有父级、子级和孙级级别的角垫树.单击孩子时,我将在其中添加孙子.但是孙子拥有高达 4k 记录的大量数据.这使得树非常慢.我的代码如下
..
我在我的应用程序中使用了 Angular Material 并且我有两个 mat-table 对单个组件进行排序,但我的排序只在第一个表上工作 这里是ts代码 @ViewChild(MatSort) inventoryDataSort: MatSort;@ViewChild(MatPaginator) inventoryDataPaginator: MatPaginator;@ViewCh
..
我目前正在开发一个组件,该组件使用材料 2 表来显示一些数据.我需要能够编写自定义过滤器操作(例如价格 > 1)并组合多个过滤器.为了完成这项工作,我编写了一个自定义 filterPredicate: customFilterPredicate(data: Coin, filters: Predicate[]): boolean {var 运算符 = {'>=': 函数(a, b){返回 +a
..
是否有适用于网格列表的虚拟滚动实现?我认为默认实现不起作用,因为每一行都应该有一个元素. 我使用网格列表来显示个人资料图片,需要无限滚动或最好是虚拟滚动来加载新图片. 解决方案 所以由于 cdk virtualscroll 不支持多列,我最终使用了 ngx-virtual-scroller,支持多列.由于这个原因,我也不得不放弃 mat-grid-list,但是,在使用 flexbo
..
我正在创建一个带有泳道的简单板界面,比如 Jira 泳道或 trello 板 红线表示电流 蓝色表示我想要实现的流程 我有三列,分别名为“待办事项"、“进行中"和“已完成".目前,我可以使用 cdkDropListConnectedTo 将项目从 To Do 拖到 In Progress,从 In Progress 拖到 Done,再从 Done 拖回 To do. 我想知
..
我正在使用 Angular Material Table. 在 Html 代码中,有 ID{{row.id}} 我发现 cdkHeaderCellDef 和 cdkCellDef 来自 CDK Table 我
..
我有一个表显示这么多行,我想优化它的性能.我通过使用虚拟滚动技术找到了一个解决方案.下面是一个 Angular Material CDK 虚拟滚动视口组件 用一个简单的 div 我发现:
{{
..
有没有人能够在 mat-select 中使用虚拟滚动,如下所示?
..
我使用 git 项目作为虚拟键盘(https://ngx-material-keyboard.github.io/demo/).我有一些问题要让它在 450*250 像素的小型设备上运行. 最后,如果我使用开发工具直接在 Web 浏览器中修改 css,我发现了必要的更改. 现在我必须找到合适的位置来改变来源. 将使用来自angular2-material的overlay组件来可视
..
Angular Material CDK 提供了一个Directive CdkScrollable,它允许你监听特定容器的ScrollEvent. 我现在正在尝试访问默认添加的 MatSidenavContent 的 CdkScrollable. 但是我的 @ViewChild(CdkScrollable) 和 @ContentChild(CdkScrollable) 总是未定义的. 我
..