clipboard学习记录及遇到的坑

angular使用clipboard复制内容插件

插件官网

1. 引入插件
   插件下载
   提取码：ysxf

<!--首页引入插件 -->
<script src="js/clipboard.min.js"></script>

2. 使用插件

<!--应用页面-->
<a  href="#" class="btn copyLiveUrl"
    ng-click="copyLiveAddress(meeting.liveUrl)">复制</a>

		// 应用界面js
		// 复制内容事件
        $scope.copyLiveAddress = function (content) {
            console.log('复制的内容', content);
            var clipboard = new ClipboardJS(".copyLiveUrl",{
                text : function() {
                    return content
                }
            });

            clipboard.on('success',function(e){
                logger.logSuccess('复制成功');
                // 防止多次复制时出现多次提示
                clipboard.destroy();
            });

            clipboard.on('error',function(e){
                console.log(e);
                // 防止多次复制时出现多次提示
                clipboard.destroy();
            });
        };