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