问题标签 [angular-material-5]

我正在使用来自角度材料https://material.angular.io/components/table/overview的这个示例创建一个角度表，无论如何以 excel 或 pdf 格式导出它？

https://stackblitz.com/edit/dynamic-columns-mat-table

这就是我到目前为止所拥有的。

该表完美呈现，但我的要求是我事先不知道列名，所以我需要提及列名，例如

而不是 ${element.description} => ${element.elementname}

或者

${element.description} => ${element.'description'}

任何建议，将不胜感激。谢谢你。

HTML

组件.ts

如何更改标签中的字体系列以及 mat-select 和 mat-input Material angular 5 的选项？

我试图将样式直接应用于元素 mat-select 和 input 但对我没有任何作用。

myform-component.html

This might be a stupid question with a very simple answer, but after a week of coding I feel fried and can't figure it out.

How can I bind to the Id of a selection, but display the string representation of the value? I.e., I have a drop-down that display the names of Customers, but I want to save the Id for DB purposes.

My selection item has two properties: customer.Display (Name), and customer.Id.

How can I do the binding to save my Id to [(ngModel)]="loadDataService.selectedLoad.CustomerId, but display my Display in the drop-down (it already displays the Display, so that is covered):

使用 Ajax 从后端获取值后，排序和分页不起作用。

我正在使用以下版本：

角度：5.2.7 材质：5.2.4 打字稿：2.5.3

我的代码片段：

在上述情况下，什么都没有发生。如果我遗漏任何东西，请纠正我。

如何让我的自定义mat-error立即触发？我知道 Angular 文档中有一个示例，但无法使其正常工作。我的验证不是为了empty也不是为了某个type，例如email。

当我在下拉字段中进行搜索但未找到任何记录时，我希望显示我的错误。<div>项目下方的正常立即触发*ngIf，但不是mat-error。我也尝试使用 更新 mat-error .innerHTML，但该字段不存在。我确信这是因为 Angular 还没有创建它。

这是我的 HTML：

这是我在 .ts 文件中的方法以及我尝试过的一些东西：

尝试一次展开/折叠一个角表行，但无法使其工作。

在下面的 url 下试过，但它似乎不起作用。任何帮助表示赞赏。 https://plnkr.co/edit/rLtjjMOpEUe8owK8KI2M?p=preview https://github.com/angular/material2/issues/6095

我注意到按钮在它触发的对话框关闭后添加了 cdk-focused 和 cdk-program-focused 类。如果我点击任何地方效果消失。

app.component.html [片段]

我对 Angular Material matDatepicker 有疑问。

我发现如果我想在它上面使用 disabled 属性，在使用 ngSubmit 的时候是无法得到结果值的。

表示此代码有效：

但这一个不起作用：

是否有机会将 disabled 属性与 matDatePicker 和 ngForm 一起使用？

谁能解释为什么会发生这种情况？当我使用这个命令时

结果会是这样

但是如果我使用与上面相同的字体使用这样的命令。

结果会是这样

我期望结果像第二张图片，但我认为如果我使用第二个命令，它不是解决这个问题的解决方案。此外，我尝试使文本对齐是正确的。结果会是这样

如上图，文字与另一行不同。之前谢谢