问题标签 [angular-material-table]

如何将布尔列绑定到 ngx-datatable 中的复选框？目前我正在使用角度材料表并使用以下方法：

迁移到 ngx-datatable 时如何使用上述代码？我找不到样品。到目前为止，我看到的唯一示例是 http://swimlane.github.io/ngx-datatable/#chkbox-selection ，它没有解释如何将布尔列绑定到复选框。

我很难验证角度材料表。我需要禁用保存按钮，直到所有字段都填写在垫表中。

我尝试使用模板驱动和反应方式的表单来做到这一点，但失败了。

这是html代码

如果有人可以提供帮助，我将不胜感激。

我有带有材料表的 Angular 7：

所以行看起来类似于以下内容：

单击播放图标时，音频元素会显示在屏幕的其他位置。

现在，我希望将该特定行的播放图标替换为暂停图标。此外，如果用户单击另一行的播放图标，则带有暂停图标的前一行应替换为播放图标。

我怎样才能做到这一点？如何获取对特定行的引用并替换那些特定图标？

我正在使用 Angular Material 表，并且构建了一个像https://github.com/angular/components/tree/master/src/material-examples/table-wrapped这样的包装表。有什么办法可以mat-text-column在我包裹的桌子上吗？当我执行以下操作时：

我明白了Error: Could not find column with id "firstName".

我正在使用 angular6，为了显示一些记录，我正在使用 angular 材料数据表。

当我保存或删除任何客户时，更改会保留在 DB 中但不会反映在 UI 中，我需要刷新页面以反映更改。

我在下面给出了代码，首先它会加载 customerList 然后是 customer 组件作为弹出窗口

我正在为 CRUD 操作做 Rest Call。

用户服务.ts

我正在使用材料表在 Angular8 中构建一个表。

我正在使用一个字符串数组来定义 displayColumns 并将每个数组值传递给 matColumnDef 指令。

这工作正常。

TS

HTML

问题：是否可以将显示的列定义为对象数组而不是字符串数组？

我想为列显示值设置不同的值，并且还可能有条件地设置其他一些列属性。

示例：请注意，displayedColumns 是一个对象数组。这不起作用。

TS

HTML

错误信息：

我认为该错误表明 mat-table 正在迭代显示的列，需要一个数组元素，但得到一个对象。有没有办法解决这个问题或另一种方法来实现这个要求？

参数1：时间段{{element.value}} 参数2：性别{{element.gender}}

多列与一列。

column1|column2|Column3|Column4|Column5|Column6|Column7|Column8 Column2.1|Column2.2|Column2.3 Column6.1|Column6.2

我有一个带有分页选项的项目。https://stackblitz.com/edit/angular-sjp8qq

但是mat-pagination标签的属性与应用程序逻辑无关。有人可以告诉我为什么吗？

我在材料表上有三行单选按钮。但是，它只显示一个检查所有这些。虽然我可以修改单选按钮的数据。

app.component.html

app.component.ts

您可以在这里查看代码：https ://stackblitz.com/edit/angular2-reactive-form-table

我无法找到有关如何在 mat-table 中合并列单元格的答案。只看到了几个使用when. 所以想知道我是否可以在这里找到答案。

我有这个JSON数据：

并期望 mat-table 中的输出为：

如您所见，我想让列块和块大小中的单元格合并。