Angular强大的指令

发布时间:2021-09-19 14:24:48

指令最直接跟DOM发生着紧密的联系,在DOM编译期间,和HTML关联着的指令会被检测到,并且被执行。这使得指令可以为DOM指定行为,或者改变它。所以指令成为我们灵活运用angular的助手。我们可以直接引用定义好的指令,同时也可以自己定义指令,并且使用.directive方法来实现自定义指令,规定该指令所使用的服务。


编译过程个指令匹配:



HTML的编译分为三个阶段:1.首先浏览器会用它的标准API将HTML解析成DOM。 你需要认清这一点,因为我们的模板必须是可被解析的HTML。这是AngularJS和那些“以字符串为基础而非以DOM元素为基础的”模板系统的区别之处。2.DOM的编译是有$compile方法来执行的。 这个方法会遍历DOM并找到匹配的指令。一旦找到一个,它就会被加入一个指令列表中,这个列表是用来记录所有和当前DOM相关的指令的。 一旦所有的指令都被确定了,会按照优先级被排序,并且他们的compile方法会被调用。 指令的$compile()函数能修改DOM结构,并且要负责生成一个link函数(后面会提到)。$compile方法最后返回一个合并起来的链接函数,这是链接函数是每一个指令的compile函数返回的链接函数的集合。3.通过调用一步所说的链接函数来将模板与作用域链接起来。这会轮流调用每一个指令的链接函数,让每一个指令都能对DOM注册监听事件,和建立对作用域的的监听。这样最后就形成了作用域的DOM的动态绑定。任何一个作用域的改变都会在DOM上体现出来。



相关文档

  • 胃炎症状有哪些胃炎的表现症状和治疗措施
  • 小话设计模式(七)桥接模式
  • 2021年幼儿园保育工作计划范文
  • oppon1手机开不开机怎么办
  • 小白的第一篇博客
  • 女生悲伤的说说集锦
  • 人教版小学数学四年级上册第一单元测试题
  • 疏漏总结(二)??volatile
  • 给孔子的一封信-高中书信作文1200字
  • JVM 内存结构-程序计数器,虚拟机栈
  • UCB(Upper Confidence Bound)算法
  • 2020庆祝六一儿童节活动策划方案
  • 【一天一大 lee】二叉搜索树中的众数 (难度:简单)-Day20200924
  • 第三季度会计工作计划
  • 女人早安励志说说励志图片
  • uPC1237HA心得
  • nlp-自然语言处理三大特征抽取器(CNN/RNN/TF)比较
  • 2020年六月份优秀国企员工入党申请书2000字
  • 高三个人总结评语
  • 阅览室名言
  • 感化淫女
  • 狮子座女配什么星座
  • 感恩节祝福QQ问候语大集合66条
  • linux内核学习之信号量操作
  • 基于图神经网络的对抗攻击 Nettack: Adversarial Attacks on Neural Networks for Graph Data
  • c# 将秒数转换成时,分,秒的方法
  • 员工个人原因辞职报告范文
  • 电脑不能用u盘启动怎么办
  • MongoDB联表查询aggregate : $lookup
  • 小米路由器黑名单怎么设置
  • 猜你喜欢

    电脑版