问题标签 [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 投票
1 回答
5380 浏览

angular - Angular 2 Material - 覆盖和门户如何工作?

我想制作一个自动完成组件,它向服务器发出请求并在屏幕上呈现接收到的值。我试图了解portaland是如何overlay工作的。现在这是我的自动完成组件

这是html

该组件可以正常工作并按应有的方式呈现叠加层。覆盖容器呈现选项唯一的问题是宽度。我阅读了门户和覆盖的核心概念,但我想了解它是如何与 Angular 一起工作的。 这是它现在的渲染方式

谁能解释一下它是如何工作的?或者至少我如何控制它的宽度?

0 投票
4 回答
35681 浏览

angular-material2 - Angular Material 2 组件中的“cdk”是什么

在角度材料源中的多个位置,有元素/ css 类cdk作为其前缀。

有谁知道cdk角度材料上下文中的缩写是什么?

0 投票
0 回答
84 浏览

angular-material2 - Angular Material 2 源代码中的 cdk 目录是什么?

我试图了解 Angular 材料 2 中的工作原理,但我无法理解 :( 不幸的是,他们没有写任何关于这些东西的内容,我不知道这些目录是什么意思,我什至不知道如何启动应用程序。我只是想了解它,因为这是了解更多信息的好方法。

我在那里看到了cdk目录,但我不知道它是做什么的!这个名字对我来说没有任何意义

0 投票
2 回答
7123 浏览

angular - Angular Material 2 中的 md 表

我正在使用Angular 材料表。在 Html 代码中,有

我发现 cdkHeaderCellDef 和 cdkCellDef 来自CDK Table

我收到错误消息“无法绑定到 'cdkHeaderRowDef',因为它不是 'md-header-row' 的已知属性。

我该如何解决这个问题?

0 投票
2 回答
2202 浏览

angular - 模块“AppModule”声明的意外模块“CdkTableModule”

起初,当我输入ng serve, 2 目录@angular/material并被@angular/cdk删除时,我纠正了问题,但现在我有了另一个。

0 投票
1 回答
309 浏览

angular - angular-cdk 的数据源可以与 md-select 一起使用吗?

我正在使用 Angular 4 和Angular Material 2 (2.0.0-beta8)的当前 beta 版本。

Material 的表格组件建立在 CDK 数据表格之上。因此,很容易连接一个调用服务/api 获取数据的后端,并且它实现了使用 RxJS Observables 到事物的所有连接。(请参阅此处的演示。)

我想弄清楚的是我是否可以使用DataSource@angular/cdk 之外的相同界面并使用它来填充一堆md-select元素。

例如这样的:

这不起作用,因为md-select没有dataSource属性。我可以在 上使用类似的界面或属性md-select吗?我要做的不是重新实现 md-table/dataSource 实现使用的所有 Observables 和其他反应性功能。

0 投票
6 回答
46668 浏览

angular - 改变覆盖容器的样式

我将 git 项目用于虚拟键盘(https://ngx-material-keyboard.github.io/demo/)。我有一些问题要让它在 450*250 像素的小型设备上运行。

最后,如果我使用开发工具直接在 Web 浏览器上修改它,我会在 css 中找到必要的更改。

现在我必须找到合适的位置来改变来源。

将使用来自 angular2-material 的覆盖组件来可视化键盘。

如果我注释掉 cdk-overlay-container 中的位置,它会起作用:

}

但我不能从我的角度应用程序中覆盖这些。有什么建议么?

更改截图

0 投票
1 回答
1006 浏览

angular - angular 4 - CDK 数据表中的行样式

我正在尝试将 cdk 数据表与自定义行视图一起使用。但目前还没有足够的信息来说明如何实现这一点。我尝试通过源代码,但无法掌握如何做到这一点。基本上我想将每一行的数据包含在卡片中。我怎样才能做到这一点?

0 投票
0 回答
946 浏览

angular - 如何以角度 2/4 将角度材料 cdk 表导出为 csv 和 pdf 文件

这是一个角度材料 cdk 表,需要以 csv 和 pdf 文件导出。

我正在使用 Angular 4 和材料设计。

0 投票
3 回答
45497 浏览

angular - 角度材料表错误:无法绑定到“mdHeaderRowDef”,因为它不是“md-header-row”的已知属性

我正在尝试将 CDK 数据表转换为 Material Design 样式的数据表(请参阅:https ://material.angular.io/components/table/overview ),但是当我将 cdk 前缀更改为 md 时,我得到以下错误...


未捕获的错误:模板解析错误:无法绑定到“mdHeaderRowDef”,因为它不是“md-header-row”的已知属性。1. 如果 'md-header-row' 是一个 Angular 组件并且它有 'mdHeaderRowDef' 输入,那么验证它是这个模块的一部分。2. 如果“md-header-row”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。3. 允许任何属性将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”。


我在网上找到的每个答案都告诉我需要导入 CdkTableModule,但我已经这样做了,而且 cdk 表工作得很好。

我正在导入 CdkTableModule,当我使用 cdk 前缀时,表格按预期显示...

结果:到目前为止一切顺利...... 在此处输入图像描述 但如果我将“cdk”更改为“md”

结果:坏了:( 在此处输入图像描述

我尝试过导入其他模块......包括 MdTableModule 和 MdTable,但这也没有被证明有帮助。有任何想法吗?

PS 这是我的主要 app.module.ts 导入语句,以防万一