使用 angular 将新行添加到 mat-table 4

Question

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

请看这张图片，如果我添加一个州名称和州代码，它应该出现在下面 table 请帮助我如何使用 Angular 4.

Answer 1

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

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