在 Angular 中使用反应式表单根据条件动态添加行

Question

我是否可以根据特定条件在 Angular 反应式表单中添加行？如果是，请帮我做。我已经在我的 stackblitz 中开始了它。请检查此 link 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

这里是编辑过的 stackblitz：https://stackblitz.com/edit/dynamically-add-rows-gk4veg?file=app%2Fapp.component.html