Angulaire 2 Formulaire de Sérialisation Dans un Format JSON

Je vais avoir un peu de mal à créer mon Angulaire 2 forme et la conversion des données soumises dans le format JSON pour l'utilisation de la soumettre à mon API. Je suis à la recherche de quelque chose qui fonctionne de façon très similaire à cet exemple:
$.fn.serializeObject = function()
http://jsfiddle.net/sxGtM/3/
Le seul problème avec cet exemple, c'est que le code est écrit en JQuery, alors que je suis en train d'utiliser strictement angulaire 2.
Toute aide serait grandement appréciée, je suis encore très nouveau angulaire.

si vous utilisez angulaire, alors pourquoi il n'y a pas de ngmodel dans votre entrée?
Parce que c'était un exemple, j'ai constaté, c'est pas mon code. Je veux mettre en œuvre quelque chose de semblable à cet exemple en utilisant angulaire 2

OriginalL'auteur Tristan C | 2016-09-26

  1. 16

    Vous pouvez utiliser le getRawValue() fonction de si vous utilisez un FormGroup, pour retourner un objet qui peut ensuite être sérialisée en utilisant JSON.stringify(). 

    import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';
import { Http } from '@angular/http';

@Component({
    selector: 'my-component',
    templateUrl: 'my-component.component.html'
})
export class MyComponent implements OnInit {

    form: FormGroup;

    constructor(private fbuilder: FormBuilder,
                private http: Http) { }

    ngOnInit(){
        this.form = this.fbuilder.group({
            name: '',
            description: ''
        });
    }

    sendToAPI(){
        let formObj = this.form.getRawValue(); //{name: '', description: ''}

        let serializedForm = JSON.stringify(formObj);

        this.http.post("www.domain.com/api", serializedForm)
            .subscribe(
                data => console.log("success!", data),
                error => console.error("couldn't post because", error)
            );
    }
}

    OriginalL'auteur Federico Pettinella

  2. 2

    Vous pouvez utiliser JSON.stringify(form.value):

    submit() {
  let resource = JSON.stringify(this.form.value);

  console.log('Add Button clicked: ' + resource);

  this.service.create(resource)
    .subscribe(response => console.log(response));
}

    Résultat dans google Chrome DevTools:
    Angulaire 2 Formulaire de Sérialisation Dans un Format JSON

    OriginalL'auteur Mahesh Nepal

  3. 1

    Vous êtes à la recherche pour JSON.stringify(object) qui va vous donner la représentation JSON de votre objet javascript.

    Vous pouvez ensuite afficher cette aide de l'intégré dans le service HTTP sur votre serveur.

    OriginalL'auteur Alexander Ciesielski