2016-12-02 10 views
0

この角度式{{ page.url }}の結果をクリックしてクリップボードにコピーする必要があります。私はこのディレクティブをプロジェクトにインストールした後にng-clipboardを使用しようとしましたが、何の結果もありませんでした。クリック角でangularjs式の結果をクリップボードにコピー

<a ng-show="page.hovered" class="btn btn-warning bg-green-light btn-xs" ngclipboard data-clipboard="{{ page.url }}"><i class="fa fa-clone"></i></a> 

私はこの作業をどのように行うかわかりません。どんなアイデアも素晴らしいだろう。私は角度をつけていないので、どんな説明も私を助けてくれるだろう!あなたの時間をありがとう!

+0

はでそれを試した後 http://codepen.io/artemhp/pen/QGQjRY

はまた、あなたがngclipboard.min.jsが含まれていることを確認してくださいno luck tho ' – Alphonse

+0

モジュールをどのようにセットアップするのかコードを投稿できますか? –

答えて

0

することは、あなたのモジュールDocumentationある無属性データをクリップボードが、あるデータをクリップボードテキストによると

angular.module('app', ['ngclipboard']);

に依存関係としてngclipboardが追加されていることを確認してください。

の作業コード: <a ng-show="page.hovered" class="btn btn-warning bg-green-light btn-xs" ngclipboard data-clipboard-text="{{ page.url }}"><i class="fa fa-clone"></i></a>

私はここでそれを確認していますclipboard.min.js

+0

私のために、codepenのコードさえ動作しません... @artemhp – Alphonse

+0

@Alphonseこんにちは、申し訳ありません! Codepenでは、ヘッダーに含まれるスクリプトの順序が間違っています。私はそれらをHTMLの中に入れて、今はOKです。チェックしてください。 – artemhp

関連する問題