Angular 对native元素的封装操作 ElementRef,Renderer2
摘要:Angular 为了支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了API接口。 (1) ElementRef,Renderer2 从单词上看是 Element 与 Ref 的合体,即 元素地址的引用,常常用来操作元素。 从官方文档上来说: 在应用层直接操作DOM,会造成应用层与渲
阅读全文
posted @
2019-05-13 17:32
Herry彬
阅读(1880)
推荐(0)
Angular @Input & @Output
摘要:Input与Output都是属性装饰器。 通常用于父子组件通信使用。 @Input 用来定义组件内的输入属性。 .d.ts 文件中定义如下: 由定义知道, 绑定的属性名是个可写参数。 因此,我们可以这定义 Input。 (1)不带参数名 在父组件使用时,传入的参数值如下: 此时,在父组件传入的参数名
阅读全文
posted @
2019-05-10 14:23
Herry彬
阅读(506)
推荐(0)
Angular HostListener & HostBinding
摘要:两者都是属性装饰器。 Host Element 从单词上来说 HostListener 与 HostBinding 前面都有 Host。 什么是 Host ? Host: 主人,东道主 可以推测 这两个单词分别 用来监听主人的一举一动,为主人新增一些属性。 Host Element 即 宿主元素。
阅读全文
posted @
2019-05-08 17:13
Herry彬
阅读(561)
推荐(0)