Angular 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="ngForm"才能獲得cityName值，如下所示。

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); 
}