角2 rc4：フォームから値を取得できません

Question

これは私のコードの一部です。

<form (ngSubmit)="onSubmit(f)" #f="ngForm"> 
      <label for="city">City</label> 
      <input ngControl="cityName" type="text" id="city"> 
      <button type="submit">Add City</button> 
</form> 

export class SearchCity { 
    onSubmit(form: ControlGroup){ 
     console.log(form.value.cityName); 
    } 

それはUndefined示しては、どのように私はcityNameの値を得ることができますか？

Answer 1

以下に示すようにcityNameの値を取得するには、#cityName="ngForm"を追加する必要があります。

https://plnkr.co/edit/CvNwKb8lZtIZHcg05lgS?p=preview

<form (ngSubmit)="onSubmit(f.value)" #f="ngForm"> 
       <label for="city">City</label> 
       <input ngControl="cityName" #cityName="ngForm" type="text" id="city"> 
       //added #cityName="ngForm" as you are dealing with ngControl 

       <button type="submit">Add City</button> 
</form> 


onSubmit(myForm){ 
    console.log(myForm.cityName); 
}