问题标签 [angular-material-5]

我正在使用 Angular 5 和 Angular Material 数据表来构建数据。我指的是以下站点中的示例。在此考虑中，我需要将动态数据包含到每一行中，如屏幕截图中的“最喜欢”是列标题。

http://www.devglan.com/angular/angular-data-table-example

用于交叉引用的示例 Json。

html:

我的错误是我无法在屏幕截图中正确捕获输出。如果您将名字 John 视为第一行，Food：Idly，Vada 将出现在该行中，但下一行将有 Car：Mercendes Benz，下一行将有电影 JamesBond 电影，下一行将出现：HillStation。其中属于这些行的所有其他列将是空白的。下一次迭代将以类似的方式为名字 Ricky 开始。在 Json 中，考虑所有这些最喜欢的项目都在最喜欢的范围内。

考虑下面的一个例子。是否可以制作具有内联编辑功能的角度材料数据表？或者使特定列下的单元格在加载时可编辑（参见下图，其中电子邮件列字段是可编辑的）。如果是这样，您可以分享示例代码吗？

具有动态行的角材料数据表

我正在使用 Angular materialAutoComplete 字段，其中服务调用会在用户键入数据时提取数据。由于用户键入的速度比服务提取数据的速度快，因此 autocompleteSelection 面板中实际显示的内容没有同步。如何在 materialAutoComplete 中实现完美的数据。如何匹配/克服用户在字段中绑定的速度以及从服务中获取的输出以显示在 autocompletePanel 中？

提前致谢。

我尝试使用switchMap更改filteredContact，请检查并告诉我为什么在语句map（result => result.contacts）中的result.contacts处出现错误

使用正确的Angular Material 指令，如何将方向更改为垂直？

从垂直标签开始：

然后想下拉到 mat-select 下拉列表下面的内容：

编辑：如果有人不打败我，将努力将https://stackoverflow.com/a/43389018改编为我的答案:)

每当服务器出现错误时，我都会在我的角度应用程序中使用角度材质对话框组件来打开一个对话框。

如果同时出现多个错误，它会打开多个对话框，这对我来说很好。我想使用closeAll方法一次关闭所有对话框。

当尝试使用closeAll得到此错误的方法时：

我如何打开对话框：

对话框组件.ts

谁能帮帮我吗？

我有一个 Angular 5 应用程序，它必须mat-select在 Bootstrap 模态中使用 Angular Material。问题是下拉选项出现在模式后面。我的代码如下所示：

我知道我应该使用z-index将 Angular Material 的选择选项放在前面。但问题是上什么课？我尝试将它应用于 Angular Material 的多个类，但无济于事。以下所有操作均失败：

有谁知道我必须在哪一类 Angular Material 上应用z-index才能将选择选项置于模态的最前面？

谢谢！

在 Angular Material 官网Angular Material Table中提到 filterPredicate: ((data: T, filter: string) => boolean) 将根据特定字段过滤数据。但不知道如何开始。有没有这方面的例子。

我试图使用 Material Angular 自动完成功能，但遇到了 displayWith 函数，该函数显然可以用作选择时显示的输出。我想在显示函数中调用一个自定义函数，比如

对于自动完成

如您所见，我使用的id是模型而不是整个对象。

当显示函数返回 this.getValue 未定义的错误时，我在 Stack Overflow 上搜索了解决方案，并建议我使用类似 .getValue 的方法[displayWith]="displayFn.bind(this)"。

但不幸的是，这对我也不起作用。我正在使用Angular 材料 5.1.0。

有什么我想念的吗？

我有一个带有 mat-accordion 的问题组件来显示问题。我将我的问题组件称为问题列表组件。

到目前为止，一切都很好，当我单击问题组件时，问题就出现了，它正在打开并保持在该状态，如果我还要打开另一个。根据要求，一次只能打开一个。

我看到一个问题是手风琴存在于问题组件中，并且从问题列表中，我们使用 *ngFor 对其进行循环，因此每个手风琴都有一个扩展面板。

我的代码一直在工作，直到我将我的代码从一个问题列表（父级）和问题（智利）分解为两个组件

示例代码：- question-list.component：

如何从输入字段手动将新行添加到 Angular Material 表中。

请看这张图片，如果我添加一个状态名称和状态代码，它应该出现在下表中，请帮助我如何使用 Angular 4 实现它。