Angular6二维码组件

需求：

     Angular6框架下可以根据内容生成对应的二维码。

方案：

     这个我们直接使用 angular2-qrcode插件就可以。

具体使用过程：

1、首先安装 angular2-qrcode

npm install angular2-qrcode

 2、其次，在app.module.ts中引入QRCodeModule 模块

import { NgModule } from '@angular/core';
import { QRCodeModule } from 'angular2-qrcode';

...

@NgModule({
    imports: [
        QRCodeModule,
        ...
    ]
})

3、然后，在html模板文件中定义二维码展现的元素

4、参数说明：

Attribute	Type	Default	Description
value	String	''	Your data string
size	Number	100	This is the height/width of your QR Code component
level	String	'L'	QR Correction level ('L', 'M', 'Q', 'H')
background	String	'white'	The color for the background
backgroundAlpha	Number	1.0	The opacity of the background
foreground	String	'black'	The color for the foreground
foregroundAlpha	Number	1.0	The opacity of the foreground
mime	String	'image/png'	The mime type for the output image
padding	Number	null	The padding around the QR Code
canvas	Boolean	false	Will output a canvas element if true

结束。

参考文档：https://www.npmjs.com/package/angular2-qrcode