Ionique cordova - QRcode générer exemple

Je suis en train de construire une application cordova à l'aide ionic framework. Cette application ont besoin de la capacité à générer un QRcode basé sur le texte donné. J'ai trouvé http://davidshimjs.github.io/qrcodejs/ comme une solution. Mais je ne pouvais pas l'implémenter dans mon ionique de l'application. J'ai besoin d'un exemple pour cette tâche, mis en œuvre par qrcodejs, ou toutes les autres bibliothèques.Merci!

OriginalL'auteur supper aban_89 | 2015-06-11

  1. 6

    Ni angulaires-qr ni angulaires-qrcode a travaillé pour moi, j'ai donc fini par rouler ma propre directive réel rapide, basé sur Cale Sangmin du QRCode generator bibliothèque:

    <!-- index.html -->
<script src="lib/qrcode.js/qrcode.js"></script>

    -

    //directives.js
.directive('qrcode', function($interpolate) {  
  return {
    restrict: 'E',
    link: function($scope, $element, $attrs) {

      var options = {
        text: '',
        width: 128,
        height: 128,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: 'H'
      };

      Object.keys(options).forEach(function(key) {
        options[key] = $interpolate($attrs[key] || '')($scope) || options[key];
      });

      options.correctLevel = QRCode.CorrectLevel[options.correctLevel];

      new QRCode($element[0], options);

    }
  };
});

    De l'utiliser ensuite comme suit:

    <qrcode text="{{something.on.scope}}" color-bright="#ff0000"></qrcode>
<!-- or width, height, color-dark, correct-level -->

    Edit: le Vérifier sur JSFiddle.

    Cela ne marche pas 🙁
    Soins à élaborer? Sont-t-il des erreurs?
    Je viens de reconstruit mon projet à partir de zéro en utilisant qrcode.js 04f46c6a07 tiré dans le projet via la charmille. Encore de travail.
    il ne montrait aucun message d'erreur. il ne montrait pas le qrcode. Cependant, j'ai réussi à faire angulaires-qrcode de travail. J'ai été tout simplement disparus " monospaced.qrcode' dans la liste des dépendances.
    Eh bien, malheureusement, ce n'est pas très utile à faire que les autres ne sont pas en difficulté. S'il vous plaît consulter mon exemple sur JSFiddle et laissez-moi savoir si cela fonctionne pour vous.

    OriginalL'auteur Michael Jess

  2. 0

    Donc, ce que vous avez besoin est un module angulaire, la plupart du temps, vous aurez à créer votre propre directive, module, ou angulaire du code pour intégrer un plug-in JavaScript. Mais quelqu'un l'a déjà fait, je voudrais prendre un coup d'oeil à http://ngmodules.org/modules/angular-qr devrait être ce que vous cherchez.
    Voir la démo: http://janantala.github.io/angular-qr/demo/

    OriginalL'auteur Jess Patton

  3. 0

    J'ai enfin fait angulaires-qrcode de travail. Le problème est que je suis censé inclure " monospaced.qrcode " comme un module de dépendance dans app.js. Ce qui manquait dans mon cas.

    S'il vous plaît ajouter un petit détail comment vous avez fixé et qui plugin que vous avez utilisé

    OriginalL'auteur Chandru