ngx-mailto
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.6 • Public • Published

    angular-material-extensions's logo

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

    npm version npm demo docs: typedoc Join the chat at https://gitter.im/angular-material-extensions/Lobby license

    from

    ngx-mailto demonstration

    to -->

    ngx-mailto demonstration

    Built by and for developers ❤️

    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 and sharing it 📢

    Table of Contents

    Demo

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


    Dependencies

    • Angular developed and tested with 11.x

    Installation

    1. Install via ng add. (Recommended)

    Now add the library via the angular schematics

    ng add ngx-mailto

    2. Install via npm. (Alternative)

    Now install ngx-mailto via:

    npm install --save ngx-mailto

    Import the library

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

    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

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

    Usage

    via service NgxMailtoService

    <button class="try-me" mat-raised-button color="primary" (click)="open()">Try Me!</button>
    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

    <a class="try-me" mat-raised-button color="accent" [href]="this.mailto | mailto">Try me!</a>

    Run Demo App Locally

    Build the library

    $ npm run build:lib

    Serve the demo app

    $ npm start

    Other Angular Libraries


    Support

    Built by and for developers ❤️ we will help you 👊


    jetbrains logo

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


    License

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

    angular-material-extensions's logo

    Install

    npm i ngx-mailto

    DownloadsWeekly Downloads

    60

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    94.5 kB

    Total Files

    71

    Last publish

    Collaborators

    • anthonynahas