今天工作中遇到需要用到ng-repeat遍历渲染完后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己创建自定义指令。 在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/$odd/$even,$ind ...
分类:
其他好文 时间:
2017-05-12 00:08:28
阅读次数:
286
一、内置指令 1、v-bind:响应并更新DOM特性;例如:v-bind:href v-bind:class v-bind:title v-bind:bb 2、v-on:用于监听DOM事件; 例如:v-on:click v-on:keyup 3、v-model:数据双向绑定;用于表单输入等;例如:< ...
分类:
其他好文 时间:
2017-05-11 18:32:35
阅读次数:
383
其中,$parse是手动解析服务。 使用自定义指令,返回一个右击函数,$apply监视$scope的变化。 这是$parse服务的$get属性,可以看出,当表达式为字符串的时候,进行一个手动的解析。如果是函数,直接返回。 ...
分类:
其他好文 时间:
2017-05-10 15:43:48
阅读次数:
163
Vue是可以自定义指令的,最近学习过程中遇见了一个需要图片懒加载的功能,最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。先看如何使用这个指令:<imgv-lazyload="p_w_picpathSrc">p_w_picpathSrc是要加载的图片的实际路径。..
分类:
其他好文 时间:
2017-05-08 14:28:45
阅读次数:
2228
angular除了内置的部分指令,还可以通过.directive来自定义指令。要调用自定义指令,HTML 元素上需要添加自定义指令名。使用驼峰法来命名一个指令:nsHeader,在调用时使用需要-来分割:ns-header。自定义指令调用的的方式有四种,如下: 元素名 属性 类名 注释 1、使用元素 ...
分类:
其他好文 时间:
2017-05-06 15:50:25
阅读次数:
335
Vue是可以自定义指令的,最近学习过程中遇见了一个需要图片懒加载的功能,最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。 先看如何使用这个指令: imageSrc是要加载的图片的实际路径。 为了实现这个指令,我们首先单独建立一个文件,名字为lazyl ...
分类:
其他好文 时间:
2017-04-27 13:23:32
阅读次数:
404
今天应一个朋友的委托,研究一下拖拽排序,我记得我上次写拖拽排序,因为方法太死板,效果我一直不是很满意,一直想再从写一个,一直没机会(懒),这次因为公司部门变动所以有了一些时间(无聊)来写,本来准备使用Vue写,奈何功夫不到家在自定义指令的时候,问题卡住了,研究了一段时间之后,还是决定放弃,研究一下V ...
分类:
编程语言 时间:
2017-04-26 11:51:07
阅读次数:
239
AngularJs 指令:是带有ng前缀的HTML属性;内置属性为应用添加功能;允许自定义指令。 ng-app指令:初始化一个AngularJs应用程序; 一个网页可以包含多个运行在不同元素中的AngularJs应用程序 ng-init指令:初始化应用程序数据; 在网页加载完毕时会自动初始化应用程序 ...
分类:
Web程序 时间:
2017-04-18 19:04:43
阅读次数:
216
<!DOCTYPE html><html ng-app="myApp" ><head lang="en"> <meta charset="UTF-8"> <title>T2</title> <script src="js/angular.js" type="text/javascript"></sc ...
分类:
其他好文 时间:
2017-04-13 17:53:37
阅读次数:
146
一:知识点 (runnoob) 1.前言 渐进式框架 目的:响应的数据绑定和组合的视图组件。 响应的数据绑定:双向数据绑定。 视图组件:封装html。 2.项目的结构 nod_modules src 3.指令 模板里面用 自定义指令 (全局、局部) 指令定义函数 4.流程语句:条件 循环 5.计算属 ...
分类:
其他好文 时间:
2017-04-09 20:14:45
阅读次数:
140