Angular 指令（Directives）API 文档 📚

Angular 的指令是用于扩展 HTML 元素功能的核心概念，分为三类：

1. 内置指令（Built-in Directives）
2. 结构型指令（Structural Directives）
3. 属性型指令（Attribute Directives）

---

常见指令类型示例 🧩

1. 内置指令

• ngModel：双向数据绑定（用于表单控制）
• ngClass：动态类绑定
• ngStyle：动态样式绑定
• ngFor：循环渲染元素
• ngIf：条件渲染

📌 想深入了解 ngIf 的使用？点击查看示例

2. 结构型指令

• *ngFor：基于数组的循环（如 <div *ngFor="let item of items">）
• *ngIf：条件渲染（如 <div *ngIf="isShow">）
• *ngSwitch：多条件分支渲染

3. 属性型指令

• ngDefaultControl：为输入元素添加默认校验
• ngDisabled：动态设置表单控件禁用状态
• ngNonBindable：跳过元素的指令解析

---

指令开发最佳实践 ✅

• 使用 @Directive 装饰器定义自定义指令
• 通过 selector 指定指令使用方式（如 [appHighlight]）
• 结合 Renderer2 安全操作 DOM

📚 扩展阅读：Angular 指令生命周期

---

图片展示 🖼

---

📝 提示：指令是 Angular 实现组件化开发的关键工具，合理使用可大幅提升开发效率！