Как использовать угловой-qrcode Угловой?

(как предложил Джордж Стокер в комментариях я редактировал этот вопрос так, что теперь об угловом-QRCode вместо QRCode.js.)Как использовать угловой-qrcode Угловой?

Я пытаюсь использовать angular-qrcode для отображения QR-кодов в Угловая, но я не могу заставить ее работать. В настоящее время я просто пытаюсь этот код, как описано в the readme:

<qrcode data="string"></qrcode>

К сож он ничего не делает. Я не получаю никаких ошибок, но я не вижу никакого qr-образа.

Чтобы привести рабочий пример, я развернул angular-phonecat tutorial here и попытался использовать угловое qrcode в этом коде (commit here).

Кто-нибудь знает, что я делаю неправильно, пытаясь использовать угловой-qrcode? Все советы приветствуются!

источник

2015-03-13 kramer65

Одна из вещей, которая помогает нам ответить на ваш вопрос: вы тратите время на создание кода, который воспроизводит проблему и помещает ее в ваш вопрос. Просто разместив ссылку, мы не сможем увидеть ваш код, если эта ссылка замирает или опускается. Кроме того, включение вашего кода в ваш вопрос заставляет вас не торопиться, чтобы уменьшить крутизну и облегчить нам следовать. –

@GeorgeStocker - я редактировал свой вопрос и добавил код, который я сейчас пытаюсь (это только одна строка). К сожалению, он не дает желаемого результата (qr-код), но он также не дает ошибки. Он просто ничего не отображает. Вопрос лучше? – kramer65

Есть ли что-нибудь в консоли? когда вы вводите 'var g = новый QRCode (document.getElementById (" ticket-qrcode ")," ABC ");' в консоли, что происходит? если вы затем получите доступ к 'g', это неопределенный или есть там экземпляр объекта? –

Никогда не пользуйтесь DOM в контроллере, используйте для этого directives.

Вместо того чтобы создавать свою собственную директиву, вы можете взглянуть на Angular-qrcode.

Короткая версия о том, как использовать эту библиотеку только это:

<qrcode data="{{url}}"></qrcode>

Чтобы получить эту работу, вам необходимо включить оба original qr-code generator и угловая обертка (угловой QRCode) скриптов в вашем HTML. Также не забудьте добавить 'monospaced.qrcode' в качестве модуля-зависимости.

источник

2015-03-13 13:50:22

Спасибо за подсказку. Я пытаюсь реализовать это, но когда просто вставьте это '' в частичное (либо внутри, либо за пределами ng-repeat), я ничего не получаю; нет qr-кода, никаких ошибок в консоли, ничего. Я хотел сделать из него jsfiddle, но я не знаю, как загрузить в него угловой qrcode. Не могли бы вы помочь мне немного больше, чтобы заставить это работать? – kramer65

Теперь я искал учебник по угловым phonecat и пытался использовать угловой qrcode там (зафиксировать здесь: https://github.com/kramer65/angular-phonecat/commit/6e686f49827c0992378d611bab68517c7bf3b6b0), но я действительно не могу заставить его работать , Знаете ли вы, что я здесь делаю неправильно? – kramer65

@ kramer65 Я обновил свой ответ с немного дополнительной информацией. Я также разветвил ваш ретранслятор github и сделал его работу с этой фиксацией: https://github.com/aleksabl/angular-phonecat/commit/1695e5e073e286eb044f4dd3acc83bb03fe5d629 –

Как использовать угловой-qrcode Угловой?

ответ

Смежные вопросы