问题标签 [angular-cdk]

在我的模板中考虑下表

以及它在组件类中调用的方法

在上表中，我尝试创建一个（单击）事件，该事件调用 downloadFile 方法，然后调用服务类中的一个方法，该方法将文件发送到浏览器以供用户下载。但是，在上述任何尝试中，它都不起作用。所以我肯定错过了一些东西。

有人可以让我知道我错过了什么不让这项工作吗？

非常感谢您对此进行调查。

编辑：有人告诉我这可能是重要信息，但这是一个子组件。

我想使用材料 CDK 中的新门户在表单的多个部分中注入动态内容。

我有一个复杂的表单结构，目标是有一个表单来指定子组件可以（或不）注入模板的多个位置。

也许 CDK 门户不是最好的解决方案？

我尝试了一些东西，但我确信这不是这样做的方式： https ://stackblitz.com/edit/angular-yuz1kg

我也试过了，new ComponentPortal(MyPortalComponent)但我们如何设置输入呢？通常是这样的componentRef.component.instance.myInput

有这个例子： https ://plnkr.co/edit/KssNGRhyLRbRzEN59P4C?p=preview

它使用@angular/materialMdMenu并利用ConnectedPositionStrategy @angular/cdk/overlays

但这改变了我想使用继承的原型：

但是，我如何注册这个类以在这个菜单中使用？我在 API 中看不到任何注册此自定义 PositionStrategy 的方法，并且使用 NgModule 提供程序不起作用。

The Angular Material CDK provides a Directive CdkScrollable, which allows you to listen to ScrollEvents of a specific container.
I am now trying to access the CdkScrollable of the MatSidenavContent, which is added by default.
However my @ViewChild(CdkScrollable) and @ContentChild(CdkScrollable) are always undefined.

My Component looks something like this:

The resulting DOM looks something like this:

The mat-sidenav-content Component, which is generated automatically, uses a CdkScrollable-Directive, which I need to access.
My question is now:
Is it possible to access that Directive and if so, how?

I have a question about the use of MatSort.sortChange from Angular Material.

Configuration

• angular 5.0.2.
• angular/cdk": "^5.0.0-rc0"
• angular material 5.0.0-rc0

Context

I have a component that includes a mat-table and some buttons. When the user click on some buttons the table should be reset to its initial state. In particular, I want to reset the sort order to 'asc'.

Problematic

• Basically, my solution to achieve that was to emit a new Sort with the desired properties through MatSort.sortChange AND manually update MatSort.direction
  • The sort reset does not work if one of the two operations is not included

Question

• I thought that just emitting a sortChange would be sufficient
• Am I doing something wrong ?
• Is there a better solution than the one provided below?

Thanks in advance for youre help! :)

Relevants parts of my Code

目前正在使用角度材料设计垫表。请帮我从 mat-table 中删除数据记录。

这是代码：

请检查并让我知道任何建议。

我在我的应用程序中使用了 Angular Material，我有两个mat-table对单个组件进行排序，但我的排序仅适用于第一个表

这是ts代码

垫台

我正在尝试让自定义主题工作，一切都很好，直到我需要为对话框和模式设置 OverlayContainer 样式。当我尝试根据文档和各种指南导入 OverlayContainer 时，VS Code 会引发错误：

Module '../node_modules/@angular/material/material"' has no exported member 'OverlayContainer')

我试过搜索 node_modules 文件夹，以防它只是在不同的目录中，但它似乎没有。

我错过了什么？任何帮助表示赞赏。

app.component.ts

包.json

"@angular/material": "^5.0.0-rc.2"

我正在使用 Angular 的 CDK 的覆盖模块。而且我只是找不到添加位置的方法：绝对覆盖？模块将接收一个top和 一个left与连接元素位置匹配的位置，但覆盖将不会接收position: absolute。由于 ViewEncapsulation，我无法添加绝对位置。我真的很难找到解决方案。

问题： 如何使用cdkOverlayOrigin和cdkConnectedOverlayOrigin

模块：

零件：

模板：

看看它是如何偏离中心的

如果我添加 position: absolute 它现在可以按预期工作吗？

如何将定位策略 ( ConnectedPositionStrategy) 添加到 Angular CDK 覆盖？

我尝试通过positionStrategy属性指定它并将其传递给overlay.create().

但我得到这个错误：

我错过了什么吗？文档对如何指定定位策略不是很清楚。

这是我的依赖项（从 输出ng version）：

此外，我尝试positionStrategy通过new关键字初始化 a ，但现在我不知道将参数传递为什么。