src/lib/label-preview/label-preview.component.ts
Display preview of the label.
This can be used to preview the actual label with real data. There can be multiple previews visible at the same time so that front and backside can be displayed at the same time.
<ll-label-preview
[setup]="setup"
[data]="{id: 'JA.123', species: 'Parus major', 'gathering.begin': '2019-01-01', 'gathering.end': '2019-01-31'}">
</ll-label-preview>
<ll-label-preview
[backside]="true"
[setup]="setup"
[data]="{id: 'JA.123', species: 'Parus major', 'gathering.begin': '2019-01-01', 'gathering.end': '2019-01-31'}">
</ll-label-preview>| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | ll-label-preview |
| styleUrls | ../../styles/ll-label.css |
| templateUrl | ./label-preview.component.html |
Inputs |
| backside |
Default value : false
|
|
Show preview using backside label items. |
| data |
Type : object
|
|
Object that holds the key value data used on the label. |
| qrCodeErrorCorrectionLevel |
Type : QRCodeErrorCorrectionLevel
|
Default value : QRCodeErrorCorrectionLevel.levelM
|
|
Error correction level used on the QR Code. |
| setup |
Type : ISetup
|
|
Setup used in the label. |