angular => проблема с формой с таблицей материалов внутри

Question

В angular 7 я пытаюсь разработать страницу, на которой я буду показывать данные в табличном формате, а также хочу дать пользователю доступ к редактированию, добавлению и удалению. Я сталкиваюсь с проблемой при добавлении formarray в форму группы. На консоли я получаю ошибку ниже,

Ошибка: форма FormGroup ожидает экземпляр FormGroup. Пожалуйста, введите один.

Я добавил группу, но она не показывается в соответствии с ожиданиями. Я также создал stackblitz для выпуска.

Заранее спасибо.

Answer 1

Вам нужно внедрить FormBuilder в качестве зависимости,

Вместо private fb: FormBuilder;

Добавьте его в конструктор следующим образом:

constructor(private fb: FormBuilder) { }

Slackblitz

Документация

Answer 2

Может быть, вы забыли инициализировать FormGroup для ngOnInit:

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([])
        });    
  }