Данные формы появляются в консоли 2 раза одним кликом

Я пытаюсь создать форму входа, но он показывает значения формы 2 раза в консоли одним щелчком мыши, и я не уверен, где ошибка, может ли кто-нибудь найти ошибку....

мой шаблон

  div class="login jumbotron center-block">
 <h1>Login</h1>
 <form  #form ="ngForm" (ngSubmit)="onSubmit(form.value)">
  <div class="form-group">
    <label for="username">Username</label>
  <input type="text" ngControl ="email" class="form-control" id="emailh" placeholder="Username">
   </div>
 <div class="form-group">
   <label for="password">Password</label>
   <input type="password"  ngControl ="phone" class="form-control" id="phoneh" placeholder="Password">
 </div>
 <button   class="btn btn-default">Submit</button>

 </form>
  </div>

мой компонент

 import { Component } from '@angular/core';
  import { Router, ROUTER_DIRECTIVES } from '@angular/router';
  import { CORE_DIRECTIVES, FORM_DIRECTIVES } from '@angular/common';
  import { Http, Headers } from '@angular/http';
  import { contentHeaders } from '../headers/headers';
  import {Control,FormBuilder,ControlGroup,Validators} from '@angular/common';


  @Component({

  directives: [ ROUTER_DIRECTIVES, CORE_DIRECTIVES, FORM_DIRECTIVES ],
  templateUrl : "./components/login/login.html",

 })
 export class Login {

 constructor(public router: Router, public http: Http) {
 }

 onSubmit(form:any) {

     console.log(form);
}
  }

Я пытаюсь создать форму входа, но он показывает значения формы 2 раза в консоли одним щелчком мыши, и я не уверен, где ошибка, может ли кто-нибудь найти ошибку....