每个施加在HTML元素上的Directive,运行时都会生成一个新的实例。

这些实例的ngOnInit hook执行完毕之后,再统一支持ngAfterViewInit:

上图这个focus-lock class的出现,是由于@HostBinding装饰的属性shouldLock为true的原因:

通过elementRef指向的元素可以分辨出当前Directive实例到底施加在哪个HTML元素上:

这个setTimeout被Angular zone接管了:


这是被mock过的:



更多Jerry的原创文章,尽在:“汪子熙”:

每个施加在HTML元素上的Angular Directive,运行时都会生成一个新的实例相关推荐

  1. C语言从长整形中提取偶数,编程将长整型数中每一位上为偶数的书依次取出组成一个新的输...

    编写函数long fun(long x),将长整型参数x中每一位上为偶数的数依次取出,构成一个新数返回. #includelongfun(longx){intn=10,m=0;while(x){int ...

  2. c语言两个线性表la lb,有两个集合用两个线性表LA和LB表示即线性表中的数据元素即为集合中的成员现要求一个新的集合...

    <有两个集合用两个线性表LA和LB表示即线性表中的数据元素即为集合中的成员现要求一个新的集合>由会员分享,可在线阅读,更多相关<有两个集合用两个线性表LA和LB表示即线性表中的数据元 ...

  3. 利用神器BTrace 追踪线上 Spring Boot应用运行时信息

    可用于追踪线上 Java服务 运行时信息的神器 BTrace,你们经常用吗 ? 概述 生产环境中的服务可能会出现各种问题,但总不能让服务下线来专门排查错误,这时候最好有一些手段来获取程序运行时信息,比 ...

  4. c语言中把各位上为奇数的数取出,下列给定程序中函数fun()的功能是:将长整型数中每一位上为奇数的数依次取出,构成一个新数放在冲。 - 赏学吧...

    下列给定程序中函数fun()的功能是:将长整型数中每一位上为奇数的数依次取出,构成一个新数放在冲.高位仍在高位,低位仍在低位.例如当s中的数为87653142时,t中的数为7531. 请改正函数fun ...

  5. * ngIf和* ngFor在同一元素上导致错误

    本文翻译自:*ngIf and *ngFor on same element causing error I'm having a problem with trying to use Angular ...

  6. JavaScript移除绑定在元素上的匿名事件处理函数

    前言: 面试的时候有点蒙,结束之后想想自己好像根本就误解了面试官的问题,因为我理解的这个问题本身就没有意义.但是当时已经有一些思路,但是在一个点上被卡住. 结束之后脑子瞬间灵光,想出了当时没有迈出的那 ...

  7. 如何在Windows上安装Angular:Angular CLI,Node.js和构建工具指南

    In this tutorial, we'll learn how to install Angular CLI in Windows and use it to create an Angular ...

  8. python生成30个随机数_python3生成一个含有20个随机数的列表,要求所有元素不相同,并且每个元素的值介于1到100之间...

    原博文 2018-05-12 11:06 − import random alist = random.sample(range(1,101),20) #random.sample()生成不相同的随机 ...

  9. SpringCloud工作笔记072---同一浏览器上不同标签页_tab页或者同一浏览器新开一个浏览器窗口也能实现单点登录_单点登录_localStorage_sessionStorage

    JAVA技术交流QQ群:170933152 注意用localStorage,存的token不会失效,可以在关闭浏览器的时候,清除或者设置一下过期时间,怎么做可以百度 注意:sessionStorage ...

最新文章

  1. OpenCV学习笔记1
  2. 【PAT (Advanced Level) Practice】1008 Elevator (20 分)
  3. 三天打鱼,两天晒网。
  4. 7 php程序的调试方法_php程序调试方法总结
  5. python怎么输入列表元素每个元素占一行_如何对列表的每个元素执行操作并将结果放在Python的新列表中?...
  6. LUA 删除元素的问题
  7. 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI
  8. 【Codeforces - 1000C】Covered Points Count(思维,离散化,差分)
  9. consul命令行查看服务_第三章 consul服务注册与服务查询
  10. Java连接字符(concat)
  11. 谷歌推出针对AI歧视的新课程!60分钟的ML公平自学训练模块 | 资源
  12. mysql 递归查找父节点_MySQL递归查询父子节点
  13. 计算机远程桌面连接如何设置密码,远程桌面连接密码
  14. 【附源码】计算机毕业设计SSM食疗养生服务平台
  15. wamp+php+下载,wampserver 64位(php环境搭建安装包)下载_wampserver 64位(php环境搭建安装包)官方下载-太平洋下载中心...
  16. django之七(模型层ORM相关)
  17. 给网页的标签头部添加小图标方法
  18. Visual Odometry Revisited: What Should Be Learnt?(2020.2)
  19. 一顿烤羊腿换来的Golang学习路线
  20. 关于VC++运行库报错

热门文章

  1. Python-基础-时间日期处理小结
  2. SQLServer还原 指定的转换无效解决方法
  3. 企业私有云的建立—基于Ubuntu Enterprise Cloud(3)
  4. 大批量文件处理的7条建议
  5. 先装XP再装WIN2000双系统无法启动的解决办法
  6. URL处理两个小工具方法
  7. C++使用stringstream分割字符串
  8. Java性能调优之让程序“飞”起来-Java 代码优化
  9. HDU-5119 Happy Matt Friends
  10. network programming-简单的TCP客户服务器编程