角2の形式は空の値を返します

Question

私はこの2つの単純な形を角度2に持っています。私は電子メールを取得して渡したいのですが、空のオブジェクトを取得します。

login.component.html

<div class="container"> 
    <form #formData='ngForm' (ngSubmit)="onSubmit(formData)"> 
    <div class="form-group row"> 
     <label for="inputEmail" class="col-sm-2 col-form-label">Email</label> 
     <div class="col-sm-10"> 
     <input type="email" class="form-control" id="inputEmail" placeholder="Email" (ngModel)="email" required> 
     </div> 
    </div> 
    <div class="form-group row"> 
     <label for="inputPassword" class="col-sm-2 col-form-label">Password</label> 
     <div class="col-sm-10"> 
     <input type="password" class="form-control" id="inputPassword" placeholder="Password" (ngModel)="password" required> 
     </div> 
    </div> 
    <div class="form-group row"> 
     <div class="offset-sm-2 col-sm-10"> 
     <button type="submit" class="btn btn-primary" [disabled]="!formData.valid">Sign in</button> 
     <a routerLink="/signup">Don't have an account?</a> 
     </div> 
    </div> 
    </form> 
</div> 

auth.component.ts

@Component({ 
    templateUrl: 'app/auth/login.component.html' 
}) 
onSubmit(formData) { 
     console.log(formData.value); 
    } 

Answer 1

this.emailとthis.passwordngModel sがすでに必要な情報が含まれています。

onSubmit(formData) { 
     console.log(this.email, this.password); 
}