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

Question

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