Angular入门到精通系列教程(10)- 指令(Directive)

文章目录

  • 1. 摘要
  • 2. 组件与指令之间的关系
    • 2.1. 指令的种类
  • 3. Angular 中指令的用途
  • 4. 指令举例
    • 4.1. 指令功能
    • 4.2. Anuglar CLI生成基本文件
    • 4.3. Directive指令核心代码
    • 4.4. 使用该指令
  • 5. 总结

环境:

  • Angular CLI: 11.0.6
  • Angular: 11.0.7
  • Node: 12.18.3
  • npm : 6.14.6
  • IDE: Visual Studio Code

1. 摘要

指令(Directive)在Angular 1.0时代(当时叫AngularJS)是很流行的,现在用到的偏少。可以简单理解为,指令(Directive)用于扩展已有Element(DOM)。

2. 组件与指令之间的关系

如果去看Angular源码,可以看到下面定义

/**
 * Supplies configuration metadata for an Angular component.
 *
 * @publicApi
 */
export declare interface 

你可能感兴趣的:(Angular,Angular入门到精通,angular)