Stampare HTML in Angular

Mattepuffo's logo
Stampare HTML in Angular

Stampare HTML in Angular

In un gestionale che sto facendo in Angular, ho la necessità di stampare una tabella.

Dove per stampare intendo inviare alla stampante, non visualizzare in console!

Per farlo ho scoperto questa la libreria: ngx-print!

Di primo acchitto mi è sembrata molto facile da usare.

Prima di tutto installate la libreria:

$ npm install ngx-print

Dop di che aprite il file app.module.ts (penso sia standard per tutit i progetti basati su Angular) ed aggiungete il modulo:

import {NgModule} from '@angular/core';
......
import {NgxPrintModule} from 'ngx-print';

@NgModule({
    imports: [
        ......
        NgxPrintModule
    ],
    declarations: [
        ......
    ],
    providers: [
        ......
    ],
    bootstrap: [AppComponent]
})

export class AppModule {
}

A questo punto dobbiamo agire sulla parte HTML; prima aggiungiamo un id al componente che vogliamo stampare:

<p-table id="dt">
.....
</p-table>

Poi creiamo un bottone richiamando quel componente ed impostando la direttiva ngxPrint:

<button pButton pRipple type="button" label="Stampa" printSectionId="dt" ngxPrint></button>

Sulla documentazione trovate anche altre opzioni aggiuntive.

Enjoy!


Condividi su Facebook

Commentami!