Angular反应形式：嵌套形式的设置/修补值

Question

我的表单结构与此类似：

gifs

我正在尝试使用新的数量值设置setValue / patchValue。我已经将数量初始化为0。

但是，当我尝试传递

这样的变量时

render() {
  return (
    <div className={styles.app}>
      <Header title={this.state.title}/>
      {this.state.gifs.length > 0 && <GifList gifList={this.state.gifs}/>}
    </div>
  );
}

数量始终在setValue中计算为0。在尝试设置值之前，我尝试console.log注销数量，它会向我返回正确的值。同样，检查数量的类型表示数量是一个数字。以某种方式，如果我尝试.setValue（5）即使用数字而不是变量名，它将设法正确设置表单上的值。

有关如何正确设置该值的任何建议？

Answer 1

设置值

有必要在方法中提及所有控件。如果不这样做，将引发错误。

补丁价值

您还可以设置一个值

您应将.patchValue用作

formgroup.patchValue({quantity:quantity});