Question

好，所以我创建了一个表单生成器，以便可以更好地控制表单。但是，当我不知道如何在不丢失上下文的情况下将formControlName传递给其子级时。我可以向下传递form.value.X，但它的行为不符合预期。

所以我在组件上声明了FormGroup：

REM Starting sync...
bash -c "rsync -a /mnt/c/git/magento2/app/ hash:code/magento2/app/ --no-perms --no-owner --no-group --cvs-exclude"
REM Finished syncing

这是我的HTML：

public form: FormGroup;

constructor(private _fb: FormBuilder) {
    this.initForm();
}

public initForm() {
     this.form = this._fb.group({
        email: ['', Validators.required],
        password: ['', Validators.required]
    });
}

上面的代码工作。但是，我试图使用组件而不是常规输入。所以我在像这样传递它时遇到了问题：

 <form [formGroup]="form" (ngSubmit)="save()">
        <input formControlName="email" />
        <input formControlName="password" />
        <button type="submit" id="btnLogin" type="button">Logar</button> 
</form>

我已经尝试通过输入发送它，但是它无法识别变量“ email”或“ password”。如果我尝试发送form.value.email，它将发送一个静态值。

我希望能够使用传递到子组件的表单构建器，该子组件应该是我的输入

试图将formbuilder传递给孩子

0 个答案: