ошибка синтаксического анализа шаблона кода ionic angularx-qr - PullRequest
Новая
       8

ошибка синтаксического анализа шаблона кода ionic angularx-qr

0 голосов
/ 02 июня 2018

После 

npm install angularx-qrcode --save

импортировать модуль QRCode в app.module.ts 

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

и добавить эту строку в html 

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

i Получил эту ошибку: 

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

Ответы [ 2 ]

0 голосов
/ 11 февраля 2019

Ошибка с вашим кодом qrdata не определена как свойство qrcode.Обычно это происходит, когда вы импортируете библиотеку в корневой модуль и пытаетесь использовать ее в компоненте, который объявлен в другом модуле.Убедитесь, что вы импортировали import { QRCodeModule } from 'angularx-qrcode'; в модуль, где объявлен ваш компонент.

0 голосов
/ 08 июня 2018

Обновление: Вы забыли инициализировать переменную?Пожалуйста, попробуйте, если вы столкнулись с проблемой, когда вы используете не переменную, а строку в [qrdata]: 

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

Исходное сообщение: Я автор angularx-qrcode вы упомянули.

Я подготовил рабочее демо-приложение для angular5 & angular6.Реализация для угловых и ионных одинакова.Вы можете клонировать все приложение здесь и взглянуть на код:

https://github.com/Cordobo/angularx-qrcode-sample-app

Мастер-ветвь содержит версию angular6, тогда как версия angular5 находится в ветви angular5.

HTH

...