问题标签 [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 回答
586 浏览

angular - 为什么安装 angular/cdk 失败?

我是 Angular2 的新手。我正在尝试执行此命令:- npm install --save angular/cdk

出于某种原因,它要求我输入用户名和密码。不确定这是系统用户/密码还是 Github 的。反正我输入错了。现在,我尝试执行相同的命令,它不要求用户/密码,但会引发错误:

那么如何正确重置或安装它呢?谢谢。

0 投票
2 回答
9638 浏览

angular - 材料 2 使用 Http 和 DataSource 进行分页

我在使用 DataSource 的 Material Pagination 时遇到问题。我需要从服务中取回 REST 服务提供的排序规则中的总项目(我无法更改它)。到目前为止,我能做到的唯一方法是两次执行相同的请求,这是不对的。

如果您查看“servers-collection.component.ts”,我调用“getServiceData”只是为了获取分页的总项目(请求响应中的“total_items”)。我正在寻找的是直接从主请求中获取数据。

这是我的原始响应(GET):

...这就是我为处理它所做的:

服务器-collection.component.html

服务器-collection.component.ts

服务器.datasource.ts

服务器.service.ts

谢谢大家!

0 投票
1 回答
17590 浏览

angular - Angular CDK Overlay 配置覆盖位置

我正在使用 Angular CDK 来显示一个带有叠加层的元素。我的问题是我想将位置更改为右上角,但connectedTo函数的参数都没有这样做。

我需要在connectedTo函数中设置哪些值才能使其工作?

0 投票
1 回答
5923 浏览

angular - Angular 4 cdk 表 trackby 不起作用。整个表被重新渲染

已解决:问题出在 rxJS 线程中。一个线程过于频繁地传递空数组,因此它重置了表。

该表每 4 秒更新一次。为了停止闪烁,我应用了 trackBy 函数。我看到函数被触发了,但是整个表被重新渲染了。我想我做错了什么。我做什么... 设置跟踪功能。

实现跟踪功能。

该表由表的数据源更新更新。

整个组件在这里https://gist.github.com/vlikin/6f130c53b1fd38116afe20d15a2afc40

该组件显示操作列表。它从两个可观察对象中检索数据。表的数据源创建一次。数据更改由行为主体数据发起。数据回溯过程位于函数中update。mat-table 组件使用必须优化输出的指令 trackBy。但它仍然在闪烁。

有和没有 trackId 的两个 plunk: 有 - https://embed.plnkr.co/wK5Jh4tIgY9p9Gw4rfhx/ 没有 - https://embed.plnkr.co/Rc9z9aXlalQe8yWpGjUq/

根本没有这样的效果。在我的应用程序中它正在闪烁。

我希望,有人会帮助我。问候。

0 投票
1 回答
3797 浏览

angular - Material2 cdk 可滚动从未初始化

我正在尝试使用新的 API 来监听 Material2 中的滚动事件。我在我的 app.module.ts 中导入了 ScrollDispatchModule 并使用 cdkScrollable 指令注释了一个容器,如

我想使用 ViewChild 在组件中访问它并订阅这样的事件,但可滚动变量始终未定义:

我是否以正确的方式使用这些 API?

0 投票
1 回答
1073 浏览

angular - “MatSort”类型上不存在属性“matSortChange”

我在 Angular 4 应用程序中将 Angular Material 和 CDK 版本 2.0.0-beta.9 升级到 2.0.0-beta.12。

我收到下一个编译错误:“'MatSort' 类型上不存在属性 'matSortChange'”。有谁知道怎么了?

0 投票
2 回答
54962 浏览

angular - Angular Material 2 Table Mat Row Click 事件也通过 Mat Cell 中的按钮单击调用

我是材料 2 的新手,我已经实现了mat 表,其中我在行上单击事件以打开对话框,最后一列“操作”中还有一个菜单按钮,但单击按钮时它也会打开对话框而不是打开菜单。

桌子

它打开**对话框**并隐藏操作按钮

它实际上应该只打开菜单

只有动作,对话框禁用

0 投票
2 回答
2588 浏览

javascript - 没有平台提供者

所以我遇到了这个问题,为 Angular 4 应用程序进行单元测试

发生的情况是它不断给出问题标题中所述的错误。

我尝试用谷歌搜索它,尝试导入一大堆不同的模块,最后发现这个“平台”的一个接近答案可能是来自@angular/browserPlatform.js 的 browserModule。

所以在我的单元测试中,我尝试导入它并声明它,但它没有帮助。

谁能帮忙解决这个问题,因为我什至不确定这个“平台”是什么?

问题:错误中的这个“平台”到底是什么以及如何解决?

谢谢。

我附上了我的代码如下:

});

0 投票
1 回答
5492 浏览

angular - Angular CDK 覆盖到一个组件

我正在尝试使用 CDK Overlay 在特定组件的顶部添加一个材质微调器作为加载指示器。但是,当我将 hasBackdrop 设置为 true 时,整个应用程序将变灰并禁用。我正在尝试从组件传入 viewContainerRef 并使用 connectedTo 定位。我可以移动微调器的位置,但不能改变被背景禁用的区域。

0 投票
0 回答
407 浏览

angular - Angular CDK - 将门户附加到投影内容中

我正在 Angular 中构建一个主从组件。该组件允许自定义列表项模板和自定义选定项模板以显示选定项。

根据应用程序的路由,主从组件使用不同的组件。

一些内容是使用ng-template, 指令和ContentChild查询投影的。

我有这个 StackBlitz 链接来模拟场景:https ://stackblitz.com/edit/angular-di4q3k?file=app%2Fprojection.component.ts

我希望的内容ProjectionToProjectComponent是可见的。如果我查看PortalHostwhile 调试,它ComponentPortal已附加到主机,但未在 DOM 中呈现:

在此处输入图像描述

有人可以帮我解决这个问题还是这是一个错误?