首页 前端知识 angular 引入qrcode,二维码生成

angular 引入qrcode,二维码生成

2024-04-21 10:04:14 前端知识 前端哥 516 961 我要收藏

1.在项目下安装qrcode

bower install monospaced/angular-qrcode
npm install angular-qrcode

如果在项目中使用了bower的话,第一步一定不能省略。

2.引入,在angular的module中引入qrcode模块,

monospaced.qrcode就是我们引入的二维码的angular模块名,在angular-qrcode里面已经声明,如下图,可以自己找:

 

3.使用,引入以后可以用标签使用 ,如果是扫描二维码跳转链接,可以用以下方式

<qrcode data="https://www.baidu.com" href="https://www.baidu.com" version="2" rel="external nofollow"  error-correction-level="Q" size="84" color="#000" ba kground="#000"></qrcode>

如果是简单的一段文字,可以

<qrcode data="一段文字"  version="2"  error-correction-level="Q" size="84" color="#000" ba kground="#000"></qrcode>

color是二维码的颜色,可以随意更改

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5534.html
标签
angular.js
评论
发布的文章

CSS(8)空间转换 动画

2024-04-29 12:04:29

CSS介绍(4)--背景属性

2024-04-29 12:04:26

Web学习记录---CSS(1)

2024-04-29 12:04:17

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!