The thing is that I already have a form where you enter everything you need and then I collect this data and display it with console.log()
The question is how can I do it so that when it is sent instead of showing it to me through the console, it directly sends me an email to an email address of mine.
I put my form code here in case you need it.
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],
});
}
}
I know 2 options:
1) Use the email-composer plugin that allows you to "create" an email, specifying recipient, subject, content, etc, and then sends all this data to the default email application installed on the device.
2) Create a web service that takes care of sending to which you send all the parameters, this can vary depending on the tools you use in your backend. In the case of PHP it would be with the Mail function .