问题标签 [angular-cdk]

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

这是html

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

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

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

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

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

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

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

我发现 cdkHeaderCellDef 和 cdkCellDef 来自CDK Table

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

我该如何解决这个问题？

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

我正在使用 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 和其他反应性功能。

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

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

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

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

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

}

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

更改截图

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

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

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

我正在尝试将 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 导入语句，以防万一