角2：接口

Question

我想创建嵌套的对象，如下

myForm value: 
{ 
    "name": { 
     "firstname":"abc", 
     "lastname":"xyz" 
    }, 
    "address": { 
    "street": "assdasdasdsa", 
    "postcode": "8000" 
    } 
} 

在界面中，有选项来指定字符串，数字数组类型语法创建对象

我想下面的选择，但（从SO解决办法和其他人并没有帮助）

export interface Customer { 
    name: { 
    firstname: string; 
    lastname: string; 
}; 
    addresses: Address[]; 
} 

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

能否请您提供选项来指定的obj没有运气，它是抛出Error“错误错误：无法与名称查找控制”如上所述？

https://embed.plnkr.co/hQ6RtzCfPosfQl4HlbZQ/ Plunker-

在角1，很容易与范围对象并使用NG-模型为 “myForm.name.firstname”

Codepen在angular1试图 - https://codepen.io/nagasai/pen/mmYgbr和试图复制在相同angular 2

Answer 1

您的TS中有一个表格组name，其中包含表格控件firstname和lastname。您已经忘记将其应用于您的模板。所以，你需要formGroupName包裹表单控件：

<div formGroupName="name"> <!-- Here --> 
    <div class="form-group"> 
    <label>Name</label> 
    <input type="text" class="form-control" formControlName="firstname"> 
    <input type="text" class="form-control" formControlName="lastname"> 
</div> 

Forked Plunker