使用角度4在mat-table中添加一个新行

时间:2018-04-23 14:35:35

标签: angular angular-cdk angular-material-5

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

请参阅此图片,如果我在下表中添加状态名称和状态代码,请帮助我使用Angular 4来实现它。

angular material table

1 个答案:

答案 0 :(得分:7)

我已经汇总了一个快速示例,可以为您提供从哪里开始的良好提示:Working demo

这可以通过在输入字段上使用双向数据绑定来跟踪用户在表单中键入的内容。当按下add按钮时,将使用通过输入内容动态创建的新元素更新表。