ai说什么是注解，并以angular ts为例

在编程中，注解（Annotation） 是一种特殊的语法结构，用于为代码添加元数据（metadata），从而在不修改代码逻辑的情况下，提供额外的信息或指示编译器、框架、工具如何处理这些代码。注解通常以装饰器（Decorator）或特定标记的形式出现，广泛应用于 Java（如 @Override）、Python（如 @decorator）、TypeScript（如 @Component）等语言中。

在 Angular TypeScript 中，注解（Decorators） 是一种特殊的语法，用于在类、方法、属性等上添加额外的元数据。它们的主要作用是让 Angular 识别组件、服务、模块等，并自动进行相关的处理。

示例：Angular 中的常见注解

以下是几个常见的 Angular Decorators 及其作用：

1. @Component —— 标记一个 组件

2. @Injectable —— 标记一个 可被依赖注入的服务

3. @NgModule —— 定义 模块

4. @Input / @Output —— 组件之间的 数据通信

import { Component } from '@angular/core';

@Component({
  selector: 'app-example', // 组件的 HTML 选择器
  template: `<h1>Hello, Angular!</h1>`, // 内联模板
  styleUrls: ['./example.component.css'] // 关联的样式文件
})
export class ExampleComponent {
  message: string = '欢迎使用 Angular';

  constructor() {
    console.log('组件已初始化');
  }
}