博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
@angular装饰器总结
阅读量:5906 次
发布时间:2019-06-19

本文共 1698 字,大约阅读时间需要 5 分钟。

类装饰

装饰NgModule

@NgModule({   providers?: Provider[]  declarations?: Array
| any[]> imports?: Array
| ModuleWithProviders | any[]> exports?: Array
| any[]> entryComponents?: Array
| any[]> bootstrap?: Array
| any[]> schemas?: Array
id?: string})复制代码

装饰Component

@Component({   changeDetection?: ChangeDetectionStrategy  viewProviders?: Provider[]  moduleId?: string  templateUrl?: string  template?: string  styleUrls?: string[]  styles?: string[]  animations?: any[]  encapsulation?: ViewEncapsulation  interpolation?: [string, string]  entryComponents?: Array
| any[]> preserveWhitespaces?: boolean selector?: string inputs?: string[] outputs?: string[] host?: {...} providers?: Provider[] exportAs?: string queries?: {...}})复制代码

装饰Directive

@Directive({   selector?: string  inputs?: string[]  outputs?: string[]  host?: {...}  providers?: Provider[]  exportAs?: string  queries?: {...}})复制代码

装饰Pipe

@Pipe({   name: string  pure?: boolean})复制代码

装饰 Injectable

@Injectable({   providedIn?: Type
| 'root' | null factory: () => any})复制代码

属性装饰

  • 属性获取
@Attribute({   attributeName?: string})复制代码
  • 宿主绑定
@HostBinding({   hostPropertyName?: string})复制代码
  • 宿主事件绑定
@HostListener({   eventName?: string  args?: string[]})复制代码
  • 输入
@Input({   bindingPropertyName?: string})复制代码
  • 输出
@Output({   bindingPropertyName?: string})复制代码
  • 单个内容查询
@ContentChild()复制代码
  • 多个内容查询
@ContentChildren()复制代码
  • 单个视图查询
@ViewChild()复制代码
  • 多个视图查询
@ViewChildren()复制代码

参数装饰

  • 顺序检索
@Host()复制代码
  • 可空不报错,检索不到时为null
@Optional()复制代码
  • 只在本身检索
@Self()复制代码
  • 略过自身检测
@SkipSelf()复制代码
  • 用来注入被标记Injectable的类
@Inject({   token: any})复制代码

转载地址:http://zrcpx.baihongyu.com/

你可能感兴趣的文章
LVS之DR模式原理与实践
查看>>
Docker的系统资源限制及验证
查看>>
c++ ios_base register_callback方法使用
查看>>
Java中为什么需要Object类,Object类为什么是所有类的父类
查看>>
angularjs-paste-upload
查看>>
linux基础命令 head
查看>>
objective c:import和include的区别, ""和<>区别
查看>>
The Shared folder with you
查看>>
sax方式解析XML学习笔记
查看>>
Springboot配置(上)
查看>>
java--Eclipse for mac 代码提示(代码助手,代码联想)快捷键修改
查看>>
left join on/right join on/inner join on/full join on连接
查看>>
template.helper 多参数
查看>>
Android 四大组件之一(Activity)
查看>>
扫描(一)
查看>>
Centos7安装rabbitmq server 3.6.0
查看>>
iostat命令学习
查看>>
html video的url更新,自动清缓存
查看>>
【11】ajax请求后台接口数据与返回值处理js写法
查看>>
Python菜鸟之路:Jquery Ajax的使用
查看>>