File tree 2 files changed +29
-14
lines changed
2 files changed +29
-14
lines changed Original file line number Diff line number Diff line change @@ -46,28 +46,43 @@ export class AppModule { }
46
46
```
47
47
48
48
49
- Once the library is imported, you can use the ngx-qrcode component in your Angular application:
49
+ Once the library is imported, you can use the ngx-qrcode component in your Angular application.
50
50
51
+ In ` app.component.html ` , add:
51
52
``` xml
52
53
53
- < ngx-qrcode
54
- [qrc-value] = " value "
55
- qrc-class = " aclass "
56
- qrc-errorCorrectionLevel = " L " >
57
- </ ngx-qrcode >
54
+ < div style = " text-align:center " >
55
+ < h1 >
56
+ ngx-qrcode2 demo
57
+ </ h1 >
58
+ </ div >
58
59
59
- ```
60
- You can also specify the QRCode version (1 to 40) explicitely
60
+ <ngx-qrcode
61
+ [qrc-element-type]=" elementType"
62
+ [qrc-value] = " value"
63
+ qrc-class = " aclass"
64
+ qrc-errorCorrectionLevel = " L" >
65
+ </ngx-qrcode >
61
66
62
- ``` xml
67
+ ```
68
+ In ` app.component.ts ` , add:
63
69
64
- <ngx-qrcode
65
- qrc-element-type =" url"
66
- [qrc-value] = " value"
67
- qrc-version = " 40" ></ngx-qrcode >
70
+ ``` ts
71
+ import { Component } from ' @angular/core' ;
68
72
73
+ @Component ({
74
+ selector: ' app-root' ,
75
+ templateUrl: ' ./app.component.html' ,
76
+ styleUrls: [' ./app.component.css' ]
77
+ })
78
+ export class AppComponent {
79
+ title = ' app' ;
80
+ elementType = ' url' ;
81
+ value = ' Techiediaries' ;
82
+ }
69
83
```
70
84
85
+
71
86
## How to develop ngx-qrcode2?
72
87
73
88
To generate all ` *.js ` , ` *.d.ts ` and ` *.metadata.json ` files:
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " ngx-qrcode2" ,
3
- "version" : " 0.2.2 " ,
3
+ "version" : " 0.0.9 " ,
4
4
"scripts" : {
5
5
"build" : " gulp build" ,
6
6
"build:watch" : " gulp" ,
You can’t perform that action at this time.
0 commit comments