使用 Angular 生成二维码

–>

昨天项目里遇到生成二维码的需求，觉得挺有意思。 于是就在网上找了找，也都一一试过，把自己实现的方法整理一下；

分别用了两种方法试过，下面就贴上结果和过程图片；

第一种方法： 

通过 qrcode.js 生成二维码：

—-步骤 1：—-

    下载 qrcode.js 文件； （http://davidshimjs.github.io/qrcodejs/）；

    下载后，把 qrcode.js或者 qrcode.min.js 放进本地的 assets文件夹下面；

—-骤 2：—-

    在 index.html (全局文件)中，引入；

—-步骤 3：—-

    在需要用到的模块中声明； （declare var QRCode)；

—-步骤 4：—-

    在html页面中，嵌入元素

—-步骤 5：—-

文章末开头和末尾有示例图；

第二种方法：

       使用angular2-qrcode

      —-步骤 1：—-

安装 angular2-qrcode  (npm install angular2-qrcode –save)

—-步骤 2：—-

在需要使用的模块中引入 （也可以全局引入），**我这里是全局引入**

—-步骤 3：—-

在 html 中嵌入模板：

文章末开头和末尾有示例图；

example： （二维码路径是第一种方法中 qrcode.js的下载地址）

代码示例已经上传，等待审核通过，我再把链接贴出来；

本文来源 互联网收集，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。