在编程中,注解(Annotation) 是一种特殊的语法结构,用于为代码添加元数据(metadata),从而在不修改代码逻辑的情况下,提供额外的信息或指示编译器、框架、工具如何处理这些代码。注解通常以装饰器(Decorator)或特定标记的形式出现,广泛应用于 Java(如 @Override
)、Python(如 @decorator
)、TypeScript(如 @Component
)等语言中。
在 Angular TypeScript 中,注解(Decorators) 是一种特殊的语法,用于在类、方法、属性等上添加额外的元数据。它们的主要作用是让 Angular 识别组件、服务、模块等,并自动进行相关的处理。
示例:Angular 中的常见注解
以下是几个常见的 Angular Decorators 及其作用:
-
@Component ------ 标记一个 组件
-
@Injectable ------ 标记一个 可被依赖注入的服务
-
@NgModule ------ 定义 模块
-
@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('组件已初始化');
}
}