在ionic 4中<ngx-qrcode>是未知元素

时间:2019-02-03 09:26:24

标签: angular ionic-framework qr-code ionic4

自从在ionic 4中使用QR码扫描应用程序以来,我不断收到如下错误:

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

<ion-card *ngIf="createdCode">
<ngx-qrcode [ERROR ->][qrc-value]="createdCode"></ngx-qrcode>
<ion-card-content>

请帮助我解决这个问题。

3 个答案:

答案 0 :(得分:1)

如果您正在使用延迟加载,请在页面所在模块而不是app.module上导入NgxQRCodeModule。

也尝试一下-

use [(qrc-value)] instead of [qrc-value]
<ngx-qrcode [(qrc-value)]="createdCode"></ngx-qrcode>

答案 1 :(得分:1)

除了将模块导入 app.module.ts 中(按照https://www.npmjs.com/package/ngx-qrcode2的说明进行操作外),请确保在 page-name.module.ts <中执行相同操作/ strong>。

我遇到了同样的麻烦,这个解决方案解决了它。 :)

答案 2 :(得分:0)

我相信您错过了var item = [{ "id": { "kind": "youtube#video", "videoId": "rfscVS0vtbw" } }, { "id": { "kind": "youtube#video", "playlistId": "rfscVS0vtbw" } } ] 。 对包装做了一些检查。请确保您正确遵循所有说明。

https://www.npmjs.com/package/ngx-qrcode2