qr qr.component.ts

66.66% Statements 8/12

83.33% Branches 10/12

50% Functions 2/4

50% Lines 3/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 68x
 
 
 
 
 
 
 
68x
 
 
1x
 
 
 
 
 
 
 
 
 
  import { Component, HostBinding, Input } from '@angular/core';
import { toDataURL, } from 'qrcode'
 
@Component({
  selector: 'app-qr',
  template: '',
  styleUrls: ['./qr.component.scss']
})
export class QrComponent {
 
  @HostBinding('style.background-image')
  bgImage = '';
 
  @Input()
  set url(url: string | undefined)  {
    if (!url) return;
    toDataURL(document.createElement('canvas'), url,
      (error, url) => this.bgImage = `url('${url}')`);
  }
 
}