角度 => 里面有材料表的表格问题

Posted 2023-03-13

技术标签:

【中文标题】角度 => 里面有材料表的表格问题【英文标题】：angular => issue with form with material table inside 【发布时间】：2020-05-15 21:20:01 【问题描述】：

在 Angular 7 中，我正在尝试开发一个页面，我将在其中以表格格式显示数据，并且还希望授予用户编辑、添加和删除的权限。我在将formarray添加到formgroup时遇到问题。在控制台上我得到以下错误，

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

我添加了表单组，但它没有按预期显示。我还为问题创建了stackblitz。

提前致谢。

【问题讨论】：

【参考方案1】：

也许你忘了在 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([])
        );

【讨论】：

【参考方案2】：

您需要将 FormBuilder 作为依赖注入，

而不是private fb: FormBuilder;

如下添加到构造函数中：