angular - 如何在 ionic 2 中生成和显示二维码

标签 angular ionic2

我找到了在 angular 和 ionic 1 中生成条形码的文档,但我需要在 Ionic 2 项目中生成一个。

最佳答案

试试 JsBarcode 项目。有一个 Angular 1 的包装器。我使用了这个问题中的说明来让它在 Angular 2 上工作。

https://github.com/lindell/JsBarcode/issues/105

这是 Spark 笔记:

  • 使用 NPM 安装插件 npm install jsbarcode --save .
  • 在 Controller 中导入库 import JsBarcode from 'jsbarcode';
  • 创建一个空对象来保存您的条形码 <svg #barcode id="barcode"></svg>
  • 生成条形码:

使用以下代码生成条形码。

 @ViewChild('barcode') barcode: ElementRef;
    ngAfterViewInit() {
       JsBarcode(this.barcode.nativeElement, '12345');
    }

关于angular - 如何在 ionic 2 中生成和显示二维码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40141618/

相关文章:

angular - 使用 JSDoc 评论 Angular 2/Ionic 2 项目

angular - ionic3 获取 http ://localhost:8100/null 404 (Not Found)

angular - 等待可观察对象时何时关闭离​​子加载 Controller

wordpress - Ionic 2 和 wordpress(如何“一分钟前、几小时前等”)

google-maps - 谷歌地图只加载第一次,第二次是灰色的

angular - SPA 中 token 存储和刷新的选项

angular - 将任意元数据添加到 FormControl

javascript - Angular 2 如何将单选按钮的检查属性绑定(bind)到组件的 bool 属性?

html - 为什么我的启动画面没有全屏显示?

javascript - Angular 2 应用程序中的子路由