每次写博客都想由衷的给我的老大膜拜一番!以前刚开始做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. 在C++中反射调用.NET(二)

    反射调用返回复杂对象的.NET方法 定义数据接口 上一篇在C++中反射调用.NET(一)中,我们简单的介绍了如何使用C++/CLI并且初步使用了反射调用.NET程序集的简单方法,今天我们看看如何在C+ ...

  2. 【iOS 录音转码MP3及转码BASE64上传】

    iOS 录音转码MP3及转码BASE64上传 一,开始录音 NSLog(@"开始录音"); [self startRecord]; - (void)startRecord { // ...

  3. 自学javaee程序员之路--ssm的小项目(一)

    大家好~我叫王聪,缩写是WC(不是厕所!不是厕所!).是一名某内陆大四的学生.这两个月自学了javaee---关于web的一些心得,分享记录一下.建立这个博客的目的是望各位前辈学长指正批评~~也是建立 ...

  4. php curl详细解析和常见大坑

    1. 拿来先试试手 比如我们以著名的"测试网络是否连接"的网站--百度为例,来尝试下curl <?php // create curl resource $ch = curl ...

  5. 读书笔记 effective c++ Item 6 如果你不想使用编译器自动生成的函数,你需要明确拒绝

    问题描述-阻止对象的拷贝 现实生活中的房产中介卖房子,一个服务于这个中介的软件系统很自然的会有一个表示要被销售的房屋的类: class HomeForSale { ... }; 每个房产中介会立刻指出 ...

  6. 导入AS项目出现类文件全部报红色J 原因

    大家可能遇到过这么一个问题  就是用androidStudio 导入一个新的demo的时候会出现下图的字样 看了是不是很懵逼 我当时看了也是一脸懵逼 这是什么玩意啊.也不报错.也不提示哪里错了 后来我 ...

  7. HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

    1 . 相对定位relative:顾名思义,相对定位是相对于自己的位置来进行偏移,如下图: 以盒子中心为基准,为每条边的正方向,例: 向右移动20px : 代码为left:20px;或者right:- ...

  8. 前端开发面试题总结之——JAVASCRIPT(一)

    ___________________________________________________________________________________ 相关知识点 数据类型.运算.对象 ...

  9. (C#:Socket)简单的服务端与客户端通信。

    要求:1.可以完成一对一的通信:2.实现服务端对客户端一对多的选择发送:3.可以实现服务端的群发功能:4.可以实现客户端文件的发送: 要点:服务器端:第一步:用指定的端口号和服务器的ip建立一个End ...

  10. WebSockets介绍

    Web sockets定义为在servers和clients之间的双向连接.意味着servers和clients可以同时交流并发送数据.这种协议是从底层就是双工连接.Web sockets技术上得到了 ...