angular - 有条件地将 formGroup 添加到另一个 formGroup angular2

Question

我正在尝试将 formGroup 添加到我的整体表单中，条件是在我的情况下特定字段属于某种类型。我添加此 formGroup 的函数如下所示:

  initSocial() {
      const group = <FormGroup>this.cardForm;
        group.addControl(
          'social': this._fb.group({
            'fb': new FormControl(this.currentCard.social.fb),
            'yt': new FormControl(this.currentCard.social.yt),
            'ig': new FormControl(this.currentCard.social.ig),
            'tw': new FormControl(this.currentCard.social.tw),
          })
        )
  }

现在我在“社交”说“，”后出现冒号下的 typescript 错误。我无法对此进行测试以查看 addControl() 是否有效。

我触发 initSocial 的函数在 ngOnInit 中，如下所示:

      if(this.currentCard.cardType === "brand"){
        this.initSocial();
      }

如有任何帮助/提示/建议，我们将不胜感激。

Answer 1

addControl() 函数如下所示:

/**
 * Add a control to this group.
 * @param {?} name
 * @param {?} control
 * @return {?}
 */
FormGroup.prototype.addControl = function (name, control) {
    this.registerControl(name, control);
    this.updateValueAndValidity();
    this._onCollectionChange();
};

并需要 2 个参数:name 和 control，以逗号分隔。因此，只需尝试将“社交”之后的分号 (:) 替换为逗号 (,):

group.addControl('social', this._fb.group({
  fb: this.currentCard.social.fb,
  yt: this.currentCard.social.yt,
  ig: this.currentCard.social.ig,
  tw: this.currentCard.social.tw,
}))

此外，您不需要 new FormControl(DEFAULT_VALUE)，表单构建器已经完成了