问题标签 [angular-cdk]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
423 浏览

angular - 滚动事件

在过去 9 小时向下滚动后,我一直在尝试缩小工具栏...

我在这里尝试了“scrollDispatcher”示例:Shrinkable mat-toolbar

但它告诉我“找不到名称‘地图’。” 在:

我试过这个(html):

(ts):

但滚动时也不做任何事情......

角度团队改变了这一点吗?我该如何解决?

0 投票
0 回答
303 浏览

angular - 模板引用变量赋值有什么作用?

我发现了这个类似的问题,但它没有解释模板引用变量的分配发生了什么......

@angular/cdk我正在使用's制作带有下拉菜单的工具栏OverlayModule

为了有多个下拉菜单,我必须将cdkOverlayOrigin指令分配给它的模板引用变量。

这样我就可以使用@ViewChild类型单独访问它们CdkOverlayOrigin

将指令分配给这样的变量对我来说似乎很奇怪#mytrv1="cdkOverlayOrigin"谁能解释这种模式?

0 投票
2 回答
3809 浏览

javascript - TypeError:core.defineInjectable 在 Angular 4.3.2 中使用 Angular Material/cdk 时不是函数

我想使用角度材料进度微调器并添加

在导入数组和组件中添加

还没有尝试使用选择器更新模板并删除它。在任何一种情况下都会出现错误。

我正在使用 system.config.js,并为所有角度材料和 cdk js 文件添加了地图值。

使用 angular 4.3.2 和 angular material 最新版本。得到以下错误。

errors.ts:42 错误错误:未捕获(承诺中):错误:TypeError:core.defineInjectable 不是 eval 中的函数(http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd .js:89:62 ) 在 Object.eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:91:2 ) 加载 http://localhost:8000时出错/app/UMSClient/com/ipc/ums/modules/EnterpriseTree/Enterprise.module.js 在 eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:89: 62 ) 在 Object.eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:91:2 ) 加载错误 http://localhost:8000/app/UMSClient/com/ipc/ums/modules/EnterpriseTree/Enterprise.module.js

有什么问题?

谢谢,

0 投票
2 回答
5047 浏览

angular - 如何在更改覆盖源元素时打开 CDK 覆盖层后重新定位它

我正在尝试使用角度材料 CDK 叠加来制作多选下拉组件。如下面的代码(取自角度材料选择组件)

因此,无论何时从下拉列表中选择一个项目,它都会在方框中显示为一个芯片,即连接位置。这将改变原点元素的高度。

问题:叠加层中是否有任何标准方法可以在叠加层原点高度变化时重新定位它的 startY 位置?

0 投票
2 回答
8084 浏览

angular - 如何更新 mat-tree 以处理将子节点添加到叶节点(将叶节点转换为父节点)

我正在使用带有复选框的Angular Material6 树组件。

原始示例中,我们只能将新子节点添加到父节点。如果我想向叶节点添加一个新子节点怎么办。

0 投票
3 回答
20674 浏览

angular - 在带有 @angular/cdk-experimental 的 Angular Material 2 表中使用虚拟滚动

我有一个表显示这么多行,我想优化它的性能。我通过使用虚拟滚动技术找到了解决方案。这是Angular Material CDK Vritual Scroll Viewport 组件的示例,其中包含一个简单的div我发现:

但是,我想将它与下面的Angular Material Table集成

我想知道如何将其包装cdk-virtual-scroll-viewportmat-table. 我的表最多显示 1000 行和 20 多列,并且在加载和滚动时性能非常慢。

PS:我知道可以通过使用Paginator来解决,但我不想那样做。

版本

  1. "@angular/material": "^6.2.0"
  2. @angular/cdk": "^6.2.0"
  3. @angular/cdk-experimental": "^6.2.1"
  4. "@angular/core": "6.0.3"
  5. "@angular/cli": "6.0.7"
0 投票
0 回答
995 浏览

angular-material - 无法在 Angular 材料中使用 PortalInjector 捕获组件中的数据

根据文档和 git-hub 问题评论,我正在尝试实现一个自定义注入器,以将数据传递给我使用@angular/cdk和动态加载的组件cdkPortalOutlet。我可以看到 PortalInjector 被成功创建,InjectorToken但是在尝试获取/使用data动态加载的组件时,我总是得到一个null.

数据/injector.ts

组件/base.component.ts

工具栏组件

标记为 //prints null 的行,总是 prints null。然而

印刷 :

如果我遗漏了什么,有人可以告诉我吗?

0 投票
1 回答
1606 浏览

javascript - MatDialog 水平居中,宽度为 100%,maxWidth 固定

我正在尝试将具有固定宽度的 MatDialog 水平居中:

出于某种原因,添加width参数会justify-content: flex start在我希望它保留的同时将内联添加到父叠加层justify-content: center

我知道创建模态的方法,包括创建一个Overlay并将组件注入其中。但我不明白为什么我不能简单地使用MatDialog.

我试过的:

但类型不匹配。

我也尝试了backdropClass一个兄弟 CSS 选择器,但我没有得到想要的结果。

我错过了什么?有没有办法配置Overlaya MatDialog

0 投票
1 回答
1791 浏览

angular - 将叠加层连接到动态元素

我想使用angular-cdk将附加到动态创建的元素*ngFor的叠加层,是否可以?

这是示例:https ://stackblitz.com/edit/angular-z4a989 我想用每个按钮打开覆盖,但覆盖应该附加到打开的覆盖上。可能吗?

0 投票
1 回答
4780 浏览

drag-and-drop - 如何在 Angular Material Table 中实现拖放功能?

我能够使用 ng2-dragula 实现拖放功能,但我面临的问题是它也拖动标题行并且也无法从拖行。

谁能帮我这个?

我也在github上发现了同样的问题

https://github.com/valor-software/ng2-dragula/issues/831

当我使用上述方法时,我无法获取拖动的行数据及其新位置

2.) 当我实现 ng2-dragula

然后拖放功能无法正常工作

请参考下图

当 ng2-dragula 实现 mat-rows 然后这些事情发生了

图片来源:- https://user-images.githubusercontent.com/6483007/36256531-4a34b638-124b-11e8-9b13-cd15391886ae.gif