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

Question

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

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

Answer 1

我已经整理了一个简单的示例，应该可以很好地提示您从哪里开始：Working demo

这通过在输入字段上使用双向数据绑定来跟踪用户在表单中键入的内容。然后按下add 按钮时，表格会更新为使用输入内容动态创建的新元素。