angular之link和compile的区别
来源:互联网 发布:java光标变粗 编辑:程序博客网 时间:2024/05/21 03:28
在AngularJS应用启动之前,它们是以HTML文本形式存在文本编辑器当中。应用启动会进行编译和链接,作用域会同HTML进行绑定。这个过程包含了两个阶段!
编译阶段
在编译的阶段,angularJs会遍历整个的文档并根据JavaScript中指令定义来处理页面上什么的指令。在遍历的过程中,有可能一层套着一层,一直延深处遍历。一但遍历和编译完毕就会返回一个叫做模板函数的函数。在这个函数没被返回(return)之前我们可以对编译后的DOM树进行修改。通常情况下,如果设置了compile函数,说明我们希望在指令和实时数据被放到DOM中之前
进行DOM操作,在这个函数中进行诸如添加和删除节点等DOM操作是安全的。本质上,当我们设置
了link选项,实际上是创建了一个postLink() 链接函数,以便compile() 函数可以定义链接函数。编译函数(compile)负责对模板DOM进行转换。
链接函数(link)负责将作用域和DOM进行链接。
1.compile
compile选项可以返回一个对象或函数。
compile函数自身不会经常去写,但是link函数经常被使用。请看下面的例子
我们写了一个DIV标签,定义了一个autohello的一个属性,属性值5. 我们想把 “小平你好的这几句话”输出5遍。我们定义个一个compile 的函数,里面进行了一些DOM操作。在angularJs里面内置了一个小型的jq,所以我们可以用jq的写法来操作。
页面输出如下:
在最后return一个闭包函数,其实就是我们的所说的link函数。平常我们这样定义的compile函数很少用,多种写法,因为写起来比较复杂。
有的同学还挺好奇的,你不是说最后返回的函数是link吗?我可以写多个link函数嘛?为了满足同学的好奇心,我们可以这样改写
然后输出:不起作用哦!!如果同时设置了这两个选项,那么会把compile
所返回的函数当作链接函数,而link选项本身则会被忽略。
那如果我们注释掉compile函数呢?结果会怎样呢?
结果得出:这个link起作用哦。因为compile被注释掉了
- angular之link和compile的区别
- angular之link和compile的区别
- angular中compile和link的区别
- angularjs compile和link的区别
- angular之Directive - Compile vs. Link
- angular中compile和link函数详解
- angular中的compile和link函数
- angular指令学习(三)--自定义指令之compile、link的学习
- Angularjs link和compile使用区别
- compile与link区别
- Compile,Build/Link和Execute((编译、连接和运行))的联系与区别
- angular compile vs link vs controller
- $compile 和$link
- AngularJS的指令(Directive) compile和link的区别及使用示例
- Angular自定义指令之compile, link, controller属性详解及实例演示
- Compile和Build的区别?
- angular指令之complie和link不得不说的故事
- Angular的Directive,以及copmile和link方法
- jQuery选择器总结
- Unity手游录像解决方案(ShareREC)
- 【POJ2411】Mondriaan's Dream
- 如何解压*.xz格式数据
- 使用MySQL命令行新建用户并授予权限的方法
- angular之link和compile的区别
- java反射机制详解(二)
- 【C++】实现图形界面五子棋
- Python针对特定服务定制的代理工具V2.0------(server.py)
- 拖拽事件
- hibernate.cfg.xml---hibernate配置文件,基本版
- jsp c:choose c:if标签
- Caffe学习笔记(七):使用训练好的model做预测(mnist)
- Mike and strings-codeforces-Round 410-Div2-B