height="256px" width="256px" style="text-align: center;"
src="https://cdn.jsdelivr.net/gh/anthonynahas/ngx-mailto@master/assets/angular-material-extensions-logo.svg">

ngx-mailto - Angular library simplifying generation of mailto links with Typescript


from

src="https://raw.githubusercontent.com/anthonynahas/ngx-mailto/HEAD/assets/ex1.png">

to -->

src="https://raw.githubusercontent.com/anthonynahas/ngx-mailto/HEAD/assets/ex2.png">

Built by and for developers :heart:

Do you have any question or suggestion ? Please do not hesitate to contact us!
Alternatively, provide a PR | open an appropriate issue here

If you like this project, support angular-material-extensions
by starring :star: and sharing it :loudspeaker:

Table of Contents

- Demo
- Dependencies
- Installation
- API
- Usage
- Run Demo App Locally
- Other Angular Libraries
- Support
- License

Demo

View all the directives and components in action at https://anthonynahas.github.io/ngx-mailto

---

Dependencies

* Angular developed and tested with 15.x

---

Installation

1. Install via ng add. (Recommended)

Now add the library via the angular schematics
``shell
ng add ngx-mailto
`

2. Install via npm. (Alternative)

Now install ngx-mailto via:
`shell
npm install --save ngx-mailto
`




$3

If you installed the library via angular schematics, you can skip this step


`typescript
import { NgxMailtoModule } from 'ngx-mailto';

@NgModule({
declarations: [AppComponent, ...],
imports: [NgxMailtoModule, ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
`

Other modules in your application like for lazy loading import NgxMailtoModule into your feature module:




API


`typescript
interface Mailto {
receiver?: string | string[];
subject?: string;
cc?: string | string[];
bcc?: string | string[];
body?: string;
}
`




Usage


#### via service NgxMailtoService


`html
Try Me!
`

`typescript

import { Mailto, NgxMailtoService } from 'ngx-mailto';

emails: string[] = ['your_email@domain.de'];
cc: string[] = [];
bcc: string[] = [];
subject!: string;
body!: string;

mailto: Mailto = {
receiver: this.emails,
cc: this.cc,
bcc: this.bcc,
subject: undefined,
body: undefined
};

constructor(private mailtoService: NgxMailtoService) {
}


open(): void {
this.mailtoService.open(this.mailto);
}

`


#### via pipe mailto

`html
Try me!
`

$3

Build the library

`bash
$ npm run build:lib
`

Serve the demo app

`bash
$ npm start
``

Other Angular Libraries

- ngx-auth-firebaseui
- ngx-linkifyjs
- @angular-material-extensions/password-strength
- @angular-material-extensions/google-maps-autocomplete
- @angular-material-extensions/link-preview
- @angular-material-extensions/fab-menu
- @angular-material-extensions/select-country
- @angular-material-extensions/select-icon
- @angular-material-extensions/pages
- @angular-material-extensions/contacts
---

Support

+ Drop an email to: Anthony Nahas
+ or open an appropriate issue
+ let us chat on Gitter

Built by and for developers :heart: we will help you :punch:

---

Who is using ngx-mailto? Awesome apps?

1. Nahaus.de

Are you missing your project or you app? PR me to publish it on the README

---

!jetbrains logo

This project is supported by jetbrains with 1 ALL PRODUCTS PACK OS LICENSE incl. webstorm

---

License

Copyright (c) 2022 Anthony Nahas. Licensed under the MIT License (MIT)

height="92px" width="92px" style="text-align: center;"
src="https://cdn.jsdelivr.net/gh/anthonynahas/ngx-mailto@master/assets/badge_made-in-germany.svg">