http in angular 2.0 post

Question

Как я могу добавить данные своей формы в свой db с помощью http, так что я попытался сделать это, но поймал ошибку, может кто-то это сделает.

Мой шаблон

<h1>Address Form</h1> 

    <div class="alert alert-info" role="alert"> 
Error messages per field and disabled save button until entire form is valid. 
    </div> 
      <form (ngSubmit)="onSubmit(myForm.value)" #myForm="ngForm"> 
    <div class="form-row"> 
    <div class="formHeading">First Name</div> 
    <input type="text" id="firstName" ngControl="firstName"> 

    </div> 

    <div class="form-row"> 
    <div class="formHeading">Street Address</div> 
    <input type="text" id="firstName" ngControl="streetAddress"> 

    </div> 

    <div class="form-row"> 
    <div class="formHeading">Zip Code</div> 
    <input type="text" id="zip" ngControl="zip"> 

    </div> 

    <div class="form-row"> 
    <button type="submit" >Save</button> 
    </div> 

</form> 

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

import {Component} from '@angular/core'; 

    import {FormBuilder, Validators, ControlGroup, FORM_DIRECTIVES} from '@angular/common'; 

@Component({ 

    templateUrl: './components/address-form/address-form.html', 
    directives: [FORM_DIRECTIVES], 
}) 
export class AddressForm { 
onSubmit(form:any):void { 
    console.log(form); 

} 
    } 

Это то, что я сделал до сих пор, кто может предложить то, что я должен делать больше, так как я не в состоянии видеть что-либо в дБ.

Answer 1

Изменить form тег к этому:

<form (ngSubmit)="onSubmit(myForm.controls)" #myForm="ngForm"> 

и в методе onSubmit() это должно работать:

onSubmit(form) { 
    console.log(form.firstName); 
    console.log(form.lastName); 
    console.log(form.phone); 

    // ... 
}