Sunday, February 5, 2023
Angular6LaravelLaravl 5.7Rest Api

Sending Mail from Localhost in Laravel with Angular

Sending Mail from Localhost in Laravel with Angular - The Rich Post


Hello to all, welcome to In this post, I will show you the code-snippet for – Sending Mail from Localhost in Laravel with Angular.

I am very happy to share this post because this post solved my issue and hope this will solve your issue too.

Here is I am showing the picture of Angular Working:


Sending Mail from Localhost in Laravel with Angular


I am doing this all in Angular 6 and Laravel 5.7 both are the latest versions. Both are top in charts.

I used HttpClient get api to interact with laravel.

First, I am going to share the working and tested Angular Code:


1. Very first, you need to add below code into your Angular application app.module.ts file:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
  declarations: [
  imports: [
  providers: [],
  bootstrap: [AppComponent]
export class AppModule { }


2. Second, we need to add below code into app.component.ts file:
import {Component} from '@angular/core';
import { HttpClient } from '@angular/common/http';
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
export class AppComponent {
 constructor(private http: HttpClient) {}
  SendMail()// Button click action
    //get api to call email funciton in laravel
  this.http.get('http://localhost/laravel57/public/api/sample-restful-apis').subscribe( data => {
  console.log(data);//Output Come back


3. Now, we need to add below code into app.component.html file:
<div class="jumbotron text-center">
  <h1>Sending Mail from Localhost in Laravel with Angular
<div class="container">
<button type="button" class="btn btn-primary" (click)="SendMail()">Click on Me to Send Mail :)</button><br><br>


Now, I am going to share the code snippets for Laravel:


1. In my last post, I already mail setup in laravel and sending mail in localhost so for this, you need follow below link:

I only changed one thing in it and that is sending call to api.php instead of web.php file. We just need to set the url in routes/api.php file and that I will tell in below.


2. Here is code, you need to add routes/api.php file to call laravel mail:
Route::get('sample-restful-apis', 'HomeController@mail');

 If everything done properly by your side with laravel mailgun settings then you get email like I got.



If have any query related to this post then do comment below or ask questions.

the authortherichpost
Hello to all. Welcome to Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 8, Angular 9, Angular 10, Angular 11, Angular12, Angular 13, Angular 14, Angular 15, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.