angular2--使用qrcode生成二维码

1、在项目根目录安装依赖

npm install --save qrcode

2、在typings.d.ts文件里定义变量

declare var QRCode: any ;

3、html

<div class="code-img">
	<div id="qrcode">div>
div>

4、css

#qrcode{
	width: 180px;
	height: 180px;
	margin: 10px auto;
}

5、ts

ngAfterViewInit() {
	//生成二维码
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width: 180,
		height: 180
	});

	qrcode.makeCode('http://www.kekedj.com');
}