Динамическое добавление строк на основе условия с использованием реактивных форм в угловых

Question

Возможно ли, что я смогу добавить строки на основе определенных условий в угловых реактивных формах? Если да, пожалуйста, помогите мне сделать это. Я уже начал это в моем стеке. Пожалуйста, проверьте эту ссылку https://stackblitz.com/edit/dynamically-add-rows

this.addForm.get("items").valueChanges.subscribe(val => {
      console.log(val);
      if (val === true) {
        this.addForm.get("items_value").setValue("yes");

        // How to add row here?
        this.addForm.addControl(rows, 'rows')
      }
      if (val === false) {
        this.addForm.get("items_value").setValue("no");

        // How to remove row here?
        this.addForm.removeControl(rows, 'rows')
      }
    });

Answer 1

Вот отредактированный стек: https://stackblitz.com/edit/dynamically-add-rows-gk4veg?file=app%2Fapp.component.html