How can an ionic form be sent to an email of mine

0

The thing is that I already have a form in which you enter everything you need and then I collect this data and show them with console.log ()

The question is how can I do it so that when I send it to you instead of showing it to you on the console, you can send me an email directly to an email address of mine.

I put here my code of the form if necessary.

This would be the html of my form in ionic "suggest-category.html":

            <ion-header>

              <ion-navbar>
                <ion-title text-center>
                  <ion-icon ios="ios-bulb" md="md-bulb"> SUGERIR CATEGORIA</ion-icon>
                </ion-title>
              </ion-navbar>

            </ion-header>


            <ion-content padding>

              <form [formGroup]="formularioSugerirCategoria" (ngSubmit)="guardarConsultaDeSugerirCategoria()">
                <ion-list>

                  <p text-justify>Introduce el nombre de una categoria que te gustaria que incluyeramos en nuestra aplicación</p>
                  <ion-item>
                    <ion-textarea cols="45" rows="6" formControlName="comentario1" placeholder="Introduce la categoria que te interesaría que apareciera"></ion-textarea>
                  </ion-item>

                  <p text-justify>Descripción de cómo te gustaría que esa categoria se implementase en nuestra aplicación</p>
                  <ion-item>
                    <ion-textarea cols="45" rows="6" formControlName="comentario2" placeholder="Describe que secciones te gustaría que aparecieran"></ion-textarea>
                  </ion-item>

                </ion-list>
                <div padding>
                  <button ion-button block type="submit" [disabled]="!formularioSugerirCategoria.valid">Guardar</button>
                </div>
              </form>
            </ion-content>

and this would be the ts of this html: "suggest-category.ts":

            import { Component } from '@angular/core';
            import { IonicPage, NavController, NavParams } from 'ionic-angular';
            import { FormBuilder, FormGroup, Validators } from '@angular/forms';

            @IonicPage()
            @Component({
              selector: 'page-sugerir-categoria',
              templateUrl: 'sugerir-categoria.html',
            })
            export class SugerirCategoriaPage {

              formularioSugerirCategoria: FormGroup;

              constructor(public navCtrl: NavController, public navParams: NavParams, public formBuilder: FormBuilder) {
                this.formularioSugerirCategoria = this.crearFormularioDeSugerirCategoria();
              }

              ionViewDidLoad() {
                console.log('ionViewDidLoad SugerirCategoriaPage');
              }

              guardarConsultaDeSugerirCategoria() {
                console.log(this.formularioSugerirCategoria.value);
              }

              private crearFormularioDeSugerirCategoria() {
                return this.formBuilder.group({
                  comentario1: ['', Validators.required],
                  comentario2: ['', Validators.required],
                });
              }

            }
    
asked by Daniel 18.03.2018 в 14:16
source

1 answer

1

I know 2 options:

1) Use the email-composer plugin that allows you to "create" an email, specifying the recipient, subject, content, etc, and then send all this data to the default email application that is installed on the device.

2) Create a web service that is responsible for the shipment to which you send all the parameters, this may vary according to the tools you use in your backend. In the case of PHP, it would be with the Mail function.

    
answered by 27.03.2018 / 23:56
source