angular组件之间的通讯和数据传输

Angular指令

Angular 的指令分为三种:

  • 组件(Component directive):用于构建UI组件,继承于 Directive 类
  • 结构指令(Structural directive):用于动态添加或删除 DOM 元素来改变 DOM 布局
  • 属性指令(Attribute directive):用于改变组件的外观或行为
组件

https://www.angular.cn/guide/architecture-components

属性指令

https://www.angular.cn/guide/attribute-directives

  1. 新建指令模块
  2. 新建指令导入到指令模块,然后导出
  3. 在需要用到的地方导入

结构指令

https://www.angular.cn/guide/structural-directives

常用内置结构型指令
NgIf
NgFor
NgSwitch

双向绑定

https://www.angular.cn/guide/template-syntax#ngmodel---two-way-binding-to-form-elements-with-ngmodel


转载声明:本文为博林网-IT技术分享的原创文章,转载请注明原文地址,谢谢合作

发表评论: