将angularjs表达式结果复制到剪贴板点击

我必须在点击时将此角度表达{{ 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>

我不知道如何使这项工作。任何想法都会很棒。我是角度新手，所以任何解释都会对我有所帮助！感谢您的时间！

来源

2016-12-02 Alphonse

– CognitiveDesire

与试了一下后ngclipboard.min.js没有运气tho' – Alphonse

你可以发布代码如何设置模块？ –

确保您已经添加ngclipboard作为依赖于你的模块

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

根据Documentation没有属性数据剪贴板但数据剪贴板文本 。

工作代码： <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>

我在这里检查的话： http://codepen.io/artemhp/pen/QGQjRY

还要确保您包括clipboard.min.js

来源

2016-12-02 21:55:54 artemhp

对我来说，即使是codepen的代码也不行...... @artemhp – Alphonse

@Alphonse你好，对不起！在Codepen中，对标题中包含的脚本进行了错误的排序。我把它们放在HTML里面，现在可以。请检查。 – artemhp

将angularjs表达式结果复制到剪贴板点击

回答

相关问题