角=>内部材质表存在形式问题

时间:2020-01-30 09:40:06

标签: angular formarray formgroups angular-material-table

在角度7中,我正在尝试开发一个页面,在该页面中我将以表格格式显示数据,并且还希望授予用户访问权限以进行编辑,添加和删除。我在将formarray添加到formgroup时遇到问题。在控制台上,我遇到错误,

错误 错误:formGroup需要一个FormGroup实例。请传递一个。

我添加了表单组,但未按预期显示。我还创建了stackblitz来发布。

谢谢。

2 个答案:

答案 0 :(得分:2)

您需要注入FormBuilder作为依赖项,

代替private fb: FormBuilder;

按如下所示将其添加到构造函数中:

constructor(private fb: FormBuilder) { }

Slackblitz

Documentation

答案 1 :(得分:0)

也许您忘记了在ngOnInit上初始化FormGroup:

this.UserForm = new FormGroup({
       firstName: new FormControl()
    });

名字只是一个例子,您需要在其中定义fromControls,就像这样:

  ngOnInit() {    
      this.getdata();

      this.UserForm = new FormGroup({
        page: new FormControl(),
        per_page: new FormControl(),
        total: new FormControl(),
        total_pages: new FormControl(),       
        UserArray: this.fb.array([])
        });    
  }