Angular 2反应形式：如何绑定到@Input？

Question

我有一个表，单击某行中的链接后，会弹出一个模态，该模态将显示一个表单，您可以在其中编辑该表的信息。

我正在尝试对此表单使用“反应性表单”方法，但是在弄清楚如何绑定到模式的@Input时遇到了麻烦，这是所选行的信息。

这是我尝试过的事情的一个示例：

@Input() row;

form : FormGroup


constructor(rowModalService : RowModalService, fb : FormBuilder, public activeModal : NgbActiveModal) {

    this.form = fb.group({
        name : [''],

    })


}

我试图将name的值初始化为一个空字符串，然后找到一个有效的生命周期钩子，当我的行输入未定义时，该钩子将能够更新该值，但是我找不到任何允许此操作的生命周期钩子。

这是我尝试过的：

ngOnInit() {

    this.form.controls['name'].setValue(this.row.name);

}

任何有关最佳方法的帮助将不胜感激。 没有模板驱动的方法，我无法找到一种方法。

Answer 1

我找到了答案。 实际上，它与“反应式表单”方法本身无关，而是我忘记更改正在传递的输入参数的名称。

您可以将控件绑定到您在init上输入的内容，如我的问题中所述。

Answer 2

您可以使用几种绑定方法。

对于两种方式的绑定，您都可以使用[[ngModule）] =''..如果您是初学者，我建议您转到angular.io来参考教程。

希望有帮助:)