ng 1に基づいて、古いプロジェクトのメンテナンスの下のQRコードの生成

既存のプロジェクトはng 1に基づいているため.xバージョンは、戦略的ニーズに応じて、(もちろん再構築もスケジュールされています);しかし、既存のユーザーのニーズを満たすために新しい機能を維持し、開発する必要がありますが、既存のプラグインやコンポーネントは、QRコード生成などの現在のニーズを満たすことはできません.ここでは比較的使いやすいhttps://github.com/jeromeetienne/jquery-qrcodeをお勧めします.自分で測って使いやすい!セカンダリプラグインはjqueryに基づいているので、命令の形式にする必要があります.コードは以下の通りです.

angular.module('app', [])
    .directive('qrCode', function() {
           return {
                 restrict: 'A',
                 scope: true,
                 link : function(scope, ele, attrs) {
                     var params = new Function('return {' + attrs['qrCode'] + '}')();
                     jQuery(ele).qrcode(params);
                 }
           };
     });

使用方法:

//////////////////1.
        
   
        
//////////////////2.
        
   
        

パラメータ:

1.qr-code="render: 'canvase',       canvase；
2. width: 256, height: 256,     ；
3. background: '#eeeeee',     ；
4. foreground: 'green',      ；
5. text: 'http://localhost'"               ；

使用するテクノロジーアーキテクチャが古いので、これを使います.ngバージョンが高いと、いろいろな選択肢があり、使いやすいです!