angular - 无法绑定(bind)到 'qrc-value',因为它不是 Ionic 4.2.0 中 'ngx-qrcode' 的已知属性

标签 angular typescript ionic-framework qr-code

在 Ionic 4.2.0 中使用“ngx-qrcode2”中的 NgxQRCodeModule 时,我总是收到此错误:

**错误错误:未捕获( promise ):错误:模板解析错误: 无法绑定(bind)到“qrc-value”,因为它不是“ngx-qrcode”的已知属性。 1. 如果“ngx-qrcode”是 Angular 组件并且具有“qrc-value”输入,则验证它是否是该模块的一部分。 2. 如果“ngx-qrcode”是 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。 3. 要允许任何属性,请将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”。

 <ion-card *ngIf="createdCode"></ion-card>
    <ngx-qrcode  [ERROR ->][(qrc-value)] = "createdCode"></ngx-qrcode>
    <ion-card-content >
    <p> Value: {{createdCode}}</p"): 

我尝试过的事情: 我已将 NgxQRCodeModule 导入到 page.module.ts 和 app.module.ts 中。我也尝试过

[(qrc-value)] = "createdCode"

最佳答案

正如错误所示,qrc-value 不是 ngx-qrcode 的属性。要设置 QR 码的值,只需使用 [value] 属性,如下所示:

 <ngx-qrcode [value]="createdCode"></ngx-qrcode>

要获得进一步的改进,您可以查看其 git page 中的示例。

关于angular - 无法绑定(bind)到 'qrc-value',因为它不是 Ionic 4.2.0 中 'ngx-qrcode' 的已知属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61620840/

相关文章:

Angular2 将数据传递给点击处理程序

javascript - 如何使用 Angular2 从控制台输出获取名称到 HTML 页面

javascript - 选项卡和侧面菜单 - 状态链接不起作用

javascript - 类型错误 : Cannot read property 'includes' of undefined

angular - 无法组合 *ngFor 和 *ngIf

javascript - 创建类的实例来调用静态方法

angular - 表达式在检查 Angular 后更改

angularjs - 从历史记录中删除页面,因此 "back"将正常工作

箭头函数内的 WebSocket 回调未按词法设置 'this'

angular - 如何在运行时更改 NgModule 配置