问题标签 [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.
angular - 为什么安装 angular/cdk 失败?
我是 Angular2 的新手。我正在尝试执行此命令:- npm install --save angular/cdk
出于某种原因,它要求我输入用户名和密码。不确定这是系统用户/密码还是 Github 的。反正我输入错了。现在,我尝试执行相同的命令,它不要求用户/密码,但会引发错误:
那么如何正确重置或安装它呢?谢谢。
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
谢谢大家!
angular - Angular CDK Overlay 配置覆盖位置
我正在使用 Angular CDK 来显示一个带有叠加层的元素。我的问题是我想将位置更改为右上角,但connectedTo
函数的参数都没有这样做。
我需要在connectedTo
函数中设置哪些值才能使其工作?
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/
根本没有这样的效果。在我的应用程序中它正在闪烁。
我希望,有人会帮助我。问候。
angular - Material2 cdk 可滚动从未初始化
我正在尝试使用新的 API 来监听 Material2 中的滚动事件。我在我的 app.module.ts 中导入了 ScrollDispatchModule 并使用 cdkScrollable 指令注释了一个容器,如
我想使用 ViewChild 在组件中访问它并订阅这样的事件,但可滚动变量始终未定义:
我是否以正确的方式使用这些 API?
angular - “MatSort”类型上不存在属性“matSortChange”
我在 Angular 4 应用程序中将 Angular Material 和 CDK 版本 2.0.0-beta.9 升级到 2.0.0-beta.12。
我收到下一个编译错误:“'MatSort' 类型上不存在属性 'matSortChange'”。有谁知道怎么了?
javascript - 没有平台提供者
所以我遇到了这个问题,为 Angular 4 应用程序进行单元测试
发生的情况是它不断给出问题标题中所述的错误。
我尝试用谷歌搜索它,尝试导入一大堆不同的模块,最后发现这个“平台”的一个接近答案可能是来自@angular/browser
Platform.js 的 browserModule。
所以在我的单元测试中,我尝试导入它并声明它,但它没有帮助。
谁能帮忙解决这个问题,因为我什至不确定这个“平台”是什么?
问题:错误中的这个“平台”到底是什么以及如何解决?
谢谢。
我附上了我的代码如下:
});
angular - Angular CDK 覆盖到一个组件
我正在尝试使用 CDK Overlay 在特定组件的顶部添加一个材质微调器作为加载指示器。但是,当我将 hasBackdrop 设置为 true 时,整个应用程序将变灰并禁用。我正在尝试从组件传入 viewContainerRef 并使用 connectedTo 定位。我可以移动微调器的位置,但不能改变被背景禁用的区域。
angular - Angular CDK - 将门户附加到投影内容中
我正在 Angular 中构建一个主从组件。该组件允许自定义列表项模板和自定义选定项模板以显示选定项。
根据应用程序的路由,主从组件使用不同的组件。
一些内容是使用ng-template
, 指令和ContentChild
查询投影的。
我有这个 StackBlitz 链接来模拟场景:https ://stackblitz.com/edit/angular-di4q3k?file=app%2Fprojection.component.ts
我希望的内容ProjectionToProjectComponent
是可见的。如果我查看PortalHost
while 调试,它ComponentPortal
已附加到主机,但未在 DOM 中呈现:
有人可以帮我解决这个问题还是这是一个错误?