2016-06-20 6 views
0

私はWebアプリケーションを作っています:フロントエンドを角で、バックエンドをRailsで作っています。ユーザーが私のWebアプリケーションに来たら、左上にポップアップを表示するつもりです。ユーザーが[コードをコピー]ボタンをクリックすると、ノートパソコンまたはデスクトップにプロモーションコードをコピーする必要があります。ここでjavascriptでプロモーションコードのポップアップを使用して文字列をコピーするには?

は、(それがこの質問のために重要ではありませんので、私はCSSを追加していないよ)モーダルための図である。

私はどのように把握しようとしていますJavascriptのファイル

var promocode = "promocode" 
function copyPromo() { 
    // business logic to copy the promocode to user's computer 
} 

<!-- The Modal --> 
<div id="myModal" class="modal"> 
    <!-- Modal content --> 
    <div class="modal-content" style="text-align:center"> 
     <div class="modal-header"> 
      <span class="close">X</span> 
      <h2>Welcome Hunt users!</h2> 
     </div> 
     <div class="modal-body"> 
      <p>$50 off.</p> 
     </div> 
     <div> 
      <button class="button button-form-success button--orange vertical-offset--teensy modal-button">Yes 
      </button> 
     </div> 
    </div> 
</div> 

変数promocodeをユーザーのコンピュータにコピーすることはできますが、わかりません。私はどんなアドバイスにも感謝します!

+0

のように、これは、重複... – Marat

答えて

0

クリップボードを埋めるために、複数のOSに依存した方法があるので、私はhttp://ngmodules.org/modules/ng-clipboard

+0

ガッチャはありませんが、あなたには、いくつかの角度クリップボードライブラリを使用することをお勧めします。 Angularを通じてこの問題を解決する他の方法はありますか?私はAngularアプリにたくさんのモジュールを追加するファンではありません。だから私はちょうど不思議です。 – JoHksi

+0

私は数ヶ月前に同じ問題を抱えていましたが、私は選択やctrl + Cのような追加のユーザー操作をせずに、クリップボードに完全に自動的にデータを入れる方法はありませんでした。訪問者がコードを手動でコピーできるようにする場合は、プロモーションコードを提示するだけです。 – Marat

関連する問題