Как использовать Angular-qrcode Angular?

Question

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

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

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

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

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

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

Answer 1

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

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

Краткая версия использования этой библиотеки:

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

Чтобы это работало, вам нужно включить в свой HTML -код как оригинальный генератор qr-кода, так и сценарии угловой оболочки (angular-qrcode). Также не забудьте добавить 'monospaced.qrcode' как модуль-зависимость.