Angular2笔记(二)--指令
来源:互联网 发布:java aop记录日志 编辑:程序博客网 时间:2024/05/22 09:43
3.核心概念
2.指令
组件也是指令的一种,组件是继承与指令,不同在于:
组件是自身带有模版的,指令没有,指令是起作用于组件上的模版
指令分为两种:
- 属性指令 改变组件模版的外观或者行为,如样式等
结构指令 改变组件模版的DOM结构,如ngIf用来插入或者移除DOM节点
自定义指令例子
使用@Directive装饰器,原理和@Component类似
在p标签上加了highlight属性,当p标签渲染出来之后,背景颜色将会变成黄色
ElementRef 和 Renderer是Angular2里面内置的两个重要对象
ElementRef 在这个示例里用来获取模版元素的引用
Renderer起着辅助渲染的作用
这两个对象在这里都是和DOM相关的,对DOM元素进行再一次的封装为了跟DOM解耦,让Angular2适用与非浏览器的场景,如服务器端渲染
阅读全文
0 0
- Angular2笔记(二)--指令
- angular2-学习笔记(二)
- Angular2教程(二)
- Angular2(二)--属性绑定
- angular2学习笔记(1)
- angular2学习笔记(2)
- angular2学习笔记(3)
- angular2学习笔记(4)
- angular2学习笔记(5)
- angular2学习笔记(6)
- angular2学习笔记(7)
- angular2学习笔记(8)
- angular2学习笔记(9)
- angular2学习笔记(10)
- angular2学习笔记(11)
- angular2学习笔记(12)
- Angular2笔记(四)--模块
- angular2-学习笔记(一)
- 在Python中使用XGBoost
- 自定义组件(二)
- 原创安卓手机QQ7.0登录界面动态背景视频实现方案
- svn迁移到git仓库并保留commit历史记录
- Thread.join()方法的使用
- Angular2笔记(二)--指令
- Hibernate关系映射---双向一对多增删查改实例
- SVN目录带日志迁徙流程
- html css 滚动条样式
- 绝对地址相对地址
- hdu1510(矩阵找矩形)
- 1197约瑟夫问题
- 根据先序遍历和中序遍历创建二叉树
- Unsafe与CAS