问题标签 [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.

577 问题

0 投票

0 回答

423 浏览

angular - 滚动事件

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

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

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

我试过这个（html）：

(ts):

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

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

0 投票

0 回答

303 浏览

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

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

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

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

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

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

angular angular-cdk

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

有什么问题？

谢谢，

javascript angular angular-cdk

0 投票

2 回答

5047 浏览

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

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

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

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

angular angular-material2 angular-cdk

0 投票

2 回答

8084 浏览

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

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

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

angular angular-material angular-material2 angular-material-5 angular-cdk

0 投票

3 回答

20674 浏览

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

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

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

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

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

版本

"@angular/material": "^6.2.0"
@angular/cdk": "^6.2.0"
@angular/cdk-experimental": "^6.2.1"
"@angular/core": "6.0.3"
"@angular/cli": "6.0.7"

angular typescript angular-material2 angular6 angular-cdk

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。然而

印刷：

如果我遗漏了什么，有人可以告诉我吗？

angular-material portal angularjs-injector angular-cdk

0 投票

1 回答

1606 浏览