将表单输入绑定到单个对象 - angular2

Question

我正在尝试将所有表单元素绑定在单个对象obj中，如下所示：

{{1}}

我得到TypeError：无法读取未定义的属性“name”。我喜欢错误的地方。

Answer 1

您没有在组件中声明对象，从而导致错误。对于普通绑定，您可以使用obj?.name但是对于会引发错误的模型绑定。所以你可以简单地在组件类中声明对象，如下所示：

export class MyComponent {

    public obj: any = {
      name: '',
      x: null
    }
}

错误将消失。