每次写博客都想由衷的给我的老大膜拜一番!以前刚开始做angular的项目的时候就有说要有点击复制的功能因为当时菜啊,不懂啊。也就没做,今天老大又给了我一个资料!“ng-clip”。跟着老大最大的收获就是看文档,在我前面的博客里就有说道学习的方法,文档贼他娘的重要了,实施也的确是这样,只是有时候不知道文档在哪那就海逼了,玩完了。好了废话不多说,开始说正事!

  首先将文档的地址告诉大家以免小弟的英语不好,讲解不透,方便大家自己看   https://github.com/asafdav/ng-clip                     总感觉github就是牛,什么东东都有!宝贝啊》、!!!!

那么大的字做介绍,不用我解释大家也知道这个做什么的了吧。及时angularjs  的大牛自己写的directive 给封装起来的,感谢这些大牛的无私奉献。大牛万岁。下面是步奏

Step1:三种安装方式

         a:bower 安装 bower install zeroclipboard ng-clip    //我介意大家  bower install zeroclipboard ng-clip --save  这样写省的自己手动的在bower.json里面引入

b:npm  安装 npm install zeroclipboard ng-clip    //又要废话了‘这里又要感谢阿里的大牛们了’有时候我们有些东西安装不了这时候阿里的镜像就可以救你了首先

npm install -g 【cnpm】 --registry=https://registry.npm.taobao.org;你可以将cnpm 换成任何你想装的当然直接将npm封装成cnpm以后就可以直          接用cnpm了,比如上面的命令直接写成   cnpm install zeroclipboard ng-clip   就ok了

c:直接script引入   https://cdnjs.cloudflare.com/ajax/libs/ng-clip/0.2.6/ng-clip.min.js

Step2:在index.html里引入刚才下载的ng-clip.js  ZeroClipboard.js :

Step3:更改.swf的本地路径在app.js内

Step4: 将ngClipboard 作为dependency 添加到module中

Step5:添加clip-copy  指令到你项目的任意地方进行copy功能。(这里就是文档不清晰的地方)

在controller层内给myCopy 赋值就好了 比如 $scope.myCopy = 'fuck';当你点击的时候就会将fuck 复制到你的粘贴板了,当然在这个指令里还包含了方法和回调 看代码

甚至你可以直接复制一个HTML

感谢大家!有什么大家可以交流stephen.jiang@fengex.com

ng-clip angualr 的copy功能的更多相关文章

  1. CSS clip:rect矩形剪裁功能及一些应用介绍

    CSS clip:rect矩形剪裁功能及一些应用介绍 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.co ...

  2. 模拟storage copy 功能失败的记录

    试验设想: 机器1: alter database begin backup 然后,在oracle仍然活动的状态下,将$ORACLE_BASE目录全部压缩拷贝到机器2 机器2: startup:失败 ...

  3. java实现cmd的copy功能

    import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import ja ...

  4. CSS clip:rect矩形剪裁功能及应用

    .clip{ position:absolute; clip: rect(10px 30px 20px 10px); } 最后有必要说明下:clip:rect矩形剪裁只能作用于position:abs ...

  5. css中clip:rect矩形剪裁功能

    一.示例 img { position:absolute; clip:rect(30px,200px,200px,20px); } 二.理解 clip 属性剪裁绝对定位元素. clip:rect矩形剪 ...

  6. C实现Linux中copy功能

    /* mycp.c */ #include<stdio.h> #include<stdlib.h> #include<unistd.h> #include<f ...

  7. OWL页面创建Copy功能,把选择内容复制到QC

  8. Python中模块之copy的功能介绍

    模块之copy的功能介绍 copy主要分两种: 1.浅拷贝 2.深拷贝 赋值: 在python中赋值算特殊的拷贝,其实赋值可以理解为同一个对象有两个名字,所以当其中一个发生变化,另一个也跟着会变化. ...

  9. [软件推荐]快速文件复制工具(Limit Copy) V4.0 绿色版

    快速文件复制工具(Limit Copy)绿色版是一款智能变频超快复制绿色软件. 快速文件复制工具(Limit Copy)功能比较完善,除了文件复制还可以智能变频,直接把要复制的文件拖入窗口即可,无需手 ...

随机推荐

  1. 【4Large-Style】前端框架设计——Button 的设计思路

    Button 的设计 Button 作为基本的 Web 元素,看似简单,却需要非常用心的设计,因为 Button 作为按钮,是具有多个不同的状态,每种状态都基本上需要进行一些特殊的优化设计,以让组件更 ...

  2. arcpy.mapping实战-专题图制图自动化

    arcpy.mapping实战-专题图制图自动化 by 李远祥 最初对arcpy.mapping感兴趣是因为一次大规模的专题地图调整的需要,由于某某单位利用ArcEngine编写的专题图出图系统,出现 ...

  3. sonarqube+Scanner代码质量管理工具

    本文相关描述基于sonarqube 6.2版本. 下载地址: sonarqube下载网址:https://www.sonarqube.org/downloads/ Scanner下载网址(用于扫描项目 ...

  4. 二叉搜索树Java实现(查找、插入、删除、遍历)

    由于最近想要阅读下 JDK1.8 中 HashMap 的具体实现,但是由于 HashMap 的实现中用到了红黑树,所以我觉得有必要先复习下红黑树的相关知识,所以写下这篇随笔备忘,有不对的地方请指出- ...

  5. redis-如何在工程中使用redis

    这里,我们介绍下如何使用redis作为缓存服务器使用在我们的工程中. 使用思路 对于java中的使用redis提供了一个jedis的jar包.我们在安装好我们的redis服务器以后,只需要通过redi ...

  6. 腾讯优图及知脸(ZKface)人脸比对接口测试(python)

    一.腾讯优图 1.开发者地址:http://open.youtu.qq.com/welcome/developer 2.接入流程:按照开发者页面的接入流程接入之后,创建应用即可获得所需的AppID.S ...

  7. ES6__异步开发优化

    一:JS事件循环 1:同步调用 同步调用是一种阻塞式调用,调用要等待双方执行完毕才返回,他是一种单向调用. 2:回调 回调是一种双向调用模式,也就是说,被调用方在接口被调用时也会调用对方的接口. 3: ...

  8. gridView 编辑单元格获取单元格焦点位置(位于单元格的焦点位置)

    1.主要代码: private void Form1_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Col ...

  9. Asp.net mvc 知多少(九)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  10. 用友财务软件U8V10.1虚拟机 及培训视频

    需要学习用友财务软件U8V10.1虚拟机 及培训视频 ,请联系QQ:858-048-581 虚拟机系统为WIN2003+SQLSERVER2008+U8V10.1,虚拟机内存最少需要2G