使用Angular2生成二維碼還是比較容易的，目前Angular2中有兩個庫提供支持，一個是angular2-qrcode（不支持中文），一個是ng2-qrcode。

安裝

在項目中打開“終端”，運行以下命令：
安裝angular2-qrcode

npm install angular2-qrcode --save

安裝ng2-qrcode

npm install ng2-qrcode --save

使用

使用angular2-qrcode首先需要在使用到的模塊中引用注冊，而ng2-qrcode則不用：

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

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

然后便可以在需要的html頁面中使用了，這里angular2-qrcode和ng2-qrcode的使用完全一致：

<div>
    <qr-code [data]="'All QR Code data goes here!'" [size]="150"></qr-code>
</div>

angular2-qrcode和ng2-qrcode均采用Input的方式接收參數，不過參數略有不同：

angular2-qrcode可以接收的參數：

ng2-qrcode可以接收的參數：

注：
二維碼的質量等級指的是二維碼的容錯率：

• L：容錯率7%
• M：容錯率15%
• Q：容錯率25%
• H：容錯率30%