【问题标题】:Can't bind to 'qrc-value' since it isn't a known property of 'ngx-qrcode' in Ionic 4.2.0无法绑定到“qrc-value”,因为它不是 Ionic 4.2.0 中“ngx-qrcode”的已知属性
【发布时间】:2020-08-20 13:38:12
【问题描述】:

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

**ERROR 错误:未捕获(承诺):错误:模板解析错误: 无法绑定到“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"

【问题讨论】:

    标签: angular typescript ionic-framework qr-code


    【解决方案1】:

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

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

    如需进一步改进,您可以查看其 git page 中的示例

    【讨论】:

      猜你喜欢
      • 2019-11-30
      • 2018-05-12
      • 2017-06-21
      • 2017-02-03
      • 1970-01-01
      • 2020-10-13
      • 1970-01-01
      • 2019-10-10
      • 1970-01-01
      相关资源
      最近更新 更多