🎉 Angular 表单指南

Angular 提供了两种核心表单处理方式：模板驱动表单（Template-Driven Forms）和 响应式表单（Reactive Forms）。以下是关键知识点概览：

📝 模板驱动表单

• 通过 ngModel 直接在模板中绑定数据
• 使用 FormsModule 模块启用
• 适合简单表单场景
• 示例：查看基础模板驱动表单演示

🧠 响应式表单

• 基于 ReactiveFormsModule 实现
• 使用 FormGroup 和 FormControl 构建表单模型
• 支持更复杂的验证逻辑
• 示例：探索响应式表单高级用法

📌 常用组件

• input：文本输入字段
• select：下拉选择框
• textarea：多行文本区域
• form-group：包裹表单控件的容器

📱 手机端优化

• 使用 ngModelOptions 控制双向绑定行为
• 添加 required 属性实现必填校验
• 通过 ngClass 动态设置错误样式