角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