Angular 角度2:在接口中创建对象

Angular 角度2:在接口中创建对象,angular,typescript,angular2-forms,Angular,Typescript,Angular2 Forms,我正在尝试创建嵌套对象,如下所示 myForm value: { "name": { "firstname":"abc", "lastname":"xyz" }, "address": { "street": "assdasdasdsa", "postcode": "8000" } } 在接口中,可以选择指定字符串、数字、数组类型和语法 我尝试了以下选项,但没有成功,它抛出了错误“error error:找不到名为:”(S

我正在尝试创建嵌套对象,如下所示

myForm value: 
{
  "name": {
         "firstname":"abc",
         "lastname":"xyz"
   },
  "address": {
    "street": "assdasdasdsa",
    "postcode": "8000"
  }
}
在接口中,可以选择指定字符串、数字、数组类型和语法

我尝试了以下选项,但没有成功,它抛出了错误“error error:找不到名为:”(SO和其他人的解决方法没有帮助)

您能为我提供上述指定对象的选项吗

普朗克-

在Angular 1中,使用scope对象和ng模型作为“myForm.name.firstname”很容易


Codepen在angular1中尝试过-并尝试在Angular2中复制相同的内容

您的TS中有一个表单组
name
,其中包含表单控件
firstname
lastname
。您忘了在模板中应用它。因此,您需要使用
formGroupName
包装表单控件:


名称


您的TS中有一个表单组
name
,其中包含表单控件
firstname
lastname
。您忘了在模板中应用它。因此,您需要使用
formGroupName
包装表单控件:


名称


Plunker工作正常?是的,Plunker url工作正常,名称为字符串,我正在尝试将其更改为不正常工作的对象为
名称创建新接口:
导出接口名称{firstname:string;lastname:string}
地址:
导出接口地址{street:string;postcode:string;}
和客户:
导出接口客户{name:name;Address:Address[]}
app.component.html:7错误:找不到名为“firstname”的控件,尝试使用上述选项后出现相同错误Plunker正常工作?是的,Plunker url正常工作,名称为字符串,我正在尝试将其更改为不正常工作的对象。请为
name
导出接口名称创建新接口{firstname:string;lastname:string}
地址:
导出接口地址{street:string;postcode:string;}
和客户:
导出接口客户{name:name;地址:address[]}
app.component.html:7错误:找不到名为“firstname”的控件,尝试上述选项后出现相同的错误。Anks AJT,效果很好……)不确定是否有否决票:)对于此问题:(很高兴听到它成功了!我向你投了赞成票;祝你有一个愉快的白天/晚上/晚上,编码愉快!)非常感谢AJT:)谢谢AJT,它工作得很好……)不确定是否有否决票:)对于这个问题:(很高兴听到它成功了!你得到了我的赞成票;祝你有一个美好的一天/晚上/晚上和愉快的编码!:)非常感谢AJT:)
export interface Customer {
    name: {
    firstname: string;
    lastname: string;
};
    addresses: Address[];
}

export interface Address {
    street: string;
    postcode: string;
}