To send a file directly to a user's default printer from an Angular application, you must rely on the browser's printing capabilities since Angular runs in a browser environment (client side) and does not have direct access to system-level functionalities like printing.

But there are multiple ways to achieve this.

1. Print HTML content direct - for that in HTML code you need to wrap your text like this below code for it.

Print

Associate Ts FIle code.

// print.component.ts import { Component, ViewChild, ElementRef } from '@angular/core'; @Component({ selector: 'app-print', templateUrl: './print.component.html' }) export class PrintComponent { @ViewChild('printSection') printSection: ElementRef; print() { const printContent = this.printSection.nativeElement.innerHTML; const WindowPrt = window.open('', '', 'width=800,height=600'); WindowPrt.document.write(''); WindowPrt.document.write(printContent); WindowPrt.document.write(''); WindowPrt.document.close(); WindowPrt.focus(); WindowPrt.print(); WindowPrt.close(); } }

2. Use a Printing Library

1. Install print-js Library: - npm install print-js
2. Ts code for it

// print-file.component.ts
import { Component } from '@angular/core';
import printJS from 'print-js';

@Component({
  selector: 'app-print-file',
  template: `Print File`
})
export class PrintFileComponent {
  print() {
    printJS({ printable: 'path/to/your/file.pdf', type: 'pdf' }); //Directly you can call library function and pass the your pdf path or source of it.
  }
}
 

Sending a file directly to a user's default printer from an Angular application involves a few steps, primarily due to browser security restrictions. While you cannot directly access the printer from the client-side code, you can facilitate printing by using the browser's built-in print functionality.

Here’s a simple approach:

1. Create a Print Function: You can create a function that opens a new window or a print dialog with the content you want to print.

2. Use a Blob for File Handling: If you have a file (like a PDF), you can convert it to a Blob and create a URL for it.

3. Invoke the Print Dialog: Use the window.print() method to open the print dialog.

printFile(file: Blob) {
  const fileURL = URL.createObjectURL(file);
  const printWindow = window.open(fileURL);
  
  printWindow.onload = () => {
    printWindow.print();
    printWindow.close();
  };
}