Print HTML Page using Bixolon Bluetooth Thermal Printer


#1

how to print my html page design using Bixolon Bluetooth Thermal Printer in Ionic 3.

Below design is my html page design… I need to print my Order booking page using bluetooth Thermal Printer… Please friends i need support quickly…

<ion-navbar color="primary">
  <ion-title>Sales Order Summary</ion-title>
  <!-- <ion-buttons left>
      <button ion-button (click)="closeModal()">
        <ion-icon class="customIcon" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>  -->
    <!-- <ion-buttons end>
      <button ion-button clear type="submit" (click)="Print()">
      <ion-icon name="print"></ion-icon>
    </button>        
      </ion-buttons>  -->
    <ion-buttons end>
        <button ion-button type ="submit" (click)="Print()" clear>
          <ion-icon name="print"></ion-icon>
        </button>
    </ion-buttons>
</ion-navbar>
<ion-grid *ngFor="let ordhead of orderhead; let i=index">
   <ion-row>
        <ion-col><b>Customer: {{ordhead.dcu_cust_name}}</b></ion-col>      
    </ion-row>     
    <ion-row>
        <ion-col><b>Ord. No: {{ordhead.dsoh_ord_no}}</b></ion-col>           
        <ion-col><b>Ord. Date: {{ordhead.dsoh_ord_date | date : 'dd/MM/yyyy'}}</b></ion-col>        
    </ion-row>
  </ion-grid>

  <ion-grid>      
    <ion-row class="line"></ion-row>
    <ion-row align-items-center>
      <ion-col><b>Item</b></ion-col> 
      <ion-col><b>Qty.</b></ion-col>     
      <ion-col><b>Price</b></ion-col>          
      <ion-col><b>Total</b></ion-col>      
    </ion-row>
    <ion-row class="line"></ion-row>
  </ion-grid>

  <ion-grid *ngFor="let prod of prodarr; let i=index">
    <ion-row>        
        <ion-col>{{prod.dpr_prod_desc}}</ion-col>            
        <ion-col>{{prod.dpr_qty}}</ion-col>
        <ion-col>{{prod.dsol_unit_price | currency:"₹":0}}</ion-col>
        <ion-col col-2>{{0 | currency:"₹":0}}</ion-col>
    </ion-row>
</ion-grid>
Total Price: {{0 | currency:"₹":0}}

Thank you for booking order