pei~乐悠悠

2016年11月2日

摘要：图片视频类 angular-maxonry 图片墙效果插件，可以将图片组织成类似于瀑布流的效果，依赖于jQuery、imageloaded和Masonry angular-deckgrid 另一个照片瀑布流解决方案 ngImgCrop 图片剪裁工具 ngVideo 播放器，直接播放指定地址的mp4，阅读全文

posted @ 2016-11-02 14:46 pei~乐悠悠阅读(4925) 评论(0) 推荐(0) 编辑

AngularJs--angular-pagination可复用的分页指令

摘要： 1、angular-pagination 是基于angular 编写的可复用分页指令安装克隆项目到本地： git clone https://github.com/febobo/angular-pagination.git 要跑demo环境要求： node , bower , npm , gul 阅读全文

posted @ 2016-11-02 11:02 pei~乐悠悠阅读(6455) 评论(1) 推荐(0) 编辑

AngularJS中控制器之间通信方法

摘要：在同个angular应用的控制器之间进行通信可以有很多种不同的方式，本文主要讲两种：基于scope继承的方式和基于event传播的方式基于scope继承的方式最简单的让控制器之间进行通信的方法是通过scope的继承。假设有两个控制器Parent、Child，Child 在 Parent 内，那阅读全文

posted @ 2016-11-02 10:47 pei~乐悠悠阅读(3465) 评论(0) 推荐(0) 编辑

2016年10月17日

anagularJs指令的controller，link，compile有什么不同

摘要：运行结果：由结果可以看出来，controller先运行，compile后运行，link不运行 (link就是compile中的postLink)。将上例中的compile注释掉运行结果：由结果可以看出来，controller先运行，link后运行，link和compile不兼容。 contr 阅读全文

posted @ 2016-10-17 17:10 pei~乐悠悠阅读(679) 评论(0) 推荐(0) 编辑

AngularJs自定义指令--执行顺序 (原文：http://www.cnblogs.com/sagacite/p/4624227.html)

摘要：控制台: 从控制台可以看出，指令初始化甚至比控制器还早。难道说指令一旦定义，就算不在DOM中使用也会初始化？我们删掉DOM中的 <div d></div><div d></div> 代码，再看控制台，发现指令并不初始化。所以推测不对。注意我们使用了两次d指令，但是指令的初始化只运行了一次。这个要特阅读全文

posted @ 2016-10-17 16:44 pei~乐悠悠阅读(3289) 评论(0) 推荐(0) 编辑

AngularJs的UI组件ui-Bootstrap

摘要： http://www.cnblogs.com/pilixiami/p/5597634.html 阅读全文

posted @ 2016-10-17 16:24 pei~乐悠悠阅读(1352) 评论(0) 推荐(0) 编辑

AngularJs的UI组件ui-Bootstrap---tabs控件

摘要： tabs控件使用uib-tabset指令和uib-tab指令，效果是这样的： uib-tabset可使用的属性有： uib-tab可使用的属性有：如果面板的标题是简单的文本，使用heading属性就足够了。如果是复杂的内容，比如有图标，那么可以使用uib-tab-heading。这一点和Accor 阅读全文

posted @ 2016-10-17 16:21 pei~乐悠悠阅读(16441) 评论(0) 推荐(0) 编辑

2016年9月12日

指令的Link函数和Scope

摘要：指令生成出的模板其实没有太多意义，除非它在特定的scope下编译。默认情况下，指令并不会创建新的子scope。更多的，它使用父scope。也就是说，如果指令存在于一个controller下，它就会使用这个controller的scope。如何运用scope，我们要用到一个叫做 link 的函数。它阅读全文

posted @ 2016-09-12 14:41 pei~乐悠悠阅读(2087) 评论(0) 推荐(0) 编辑

自定义指令-directive (转)

摘要： 1、指令作用域中的@ 作用是把当前属性作为字符串传递。前台代码： <div ng-controller="MyCtrl"> <drink water="{{pureWater}}"></drink></div> Js代码： <script type="text/javascript"> var m 阅读全文

posted @ 2016-09-12 13:38 pei~乐悠悠阅读(969) 评论(0) 推荐(0) 编辑

2016年9月6日

Flexbox布局（转）

摘要： Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易，可以使用更少的代码，更阅读全文

posted @ 2016-09-06 12:01 pei~乐悠悠阅读(515) 评论(0) 推荐(0) 编辑

公告