Question

之后

npm install angularx-qrcode --save

在app.module.ts上导入QRCode模块

import { QRCodeModule } from 'angularx-qrcode';
@NgModule({
 imports: [
    QRCodeModule,
 ]
})

并在html

上添加此行

<qrcode [qrdata]="myAngularxQrCode" [size]="256" [level]="'M'"></qrcode>

我收到此错误：

Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'qrdata' since it isn't a known property of 'qrcode'

离子信息：

cli包：（C：\ Users \ 800079 \ AppData \ Roaming \ npm \ node_modules）

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

全球套餐：

cordova (Cordova CLI) : 8.0.0

本地包裹：

@ionic/app-scripts : 3.1.9
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

系统：

Node : v6.10.0
npm  : 6.1.0
OS   : Windows 10

环境变量：

ANDROID_HOME : not set

Answer 1

您的代码为qrdata的问题未被标识为qrcode的属性。当您将库导入到根模块，并尝试在其他模块中声明的组件中使用它时，通常会发生这种情况。确保已将import { QRCodeModule } from 'angularx-qrcode';导入声明组件的模块。

Answer 2

<强>更新你忘了初始化变量吗？如果您在[qrdata]中不使用变量而是使用字符串，请尝试遇到问题：

<qrcode [qrdata]="'A simple string'" [size]="256" [level]="'M'"></qrcode>

原帖： 我是你提到的angularx-qrcode的作者。

我为angular5＆amp; amp;准备了一个可用的演示应用程序angular6。角度本身和离子的实现是相同的。您可以在此处克隆整个应用程序并查看代码：

master-branch包含angular6版本，而angular5版本包含angular5-branch。

HTH