Component decorator
A component decorator is an annotation or decorator that attaches metadata to a class or other program element to identify or configure it as a framework component.
Pro Angular 16
The Angular component decorator attaches component metadata to a class so Angular can treat it as a component.
- How it is used
- Configures a TypeScript class as an Angular component and connects it to a host element and displayed content.
- How deep it goes
- Defines the decorator, explains its common properties, and walks through component setup without detailing Angular’s underlying execution.
- Examples
- Uses a root element, a store template with product counts, and separate product-table and product-form components.
- What you can do after
- Build it from scratch by decorating a class, selecting its host, supplying a template, and declaring it in an Angular module.
Kafka Streams in Action, Second Edition
@Component is a Spring annotation marking a class for automatic detection and registration as a managed component.
- How it is used
- Registers Kafka-processing classes as Spring-managed components so listeners and publishing dependencies can participate in the application context.
- How deep it goes
- Explains scanning, registration, dependency injection, and constructor use, but does not detail component-scan configuration or lifecycle internals.
- Examples
- Uses loan processors that publish approved, rejected, and quality-assurance records through KafkaTemplate.
- What you can do after
- Operate/configure Spring-managed Kafka processors by annotating classes and injecting required constructor dependencies.
Read how Kafka Streams in Action, Second Edition explains component decorator →
Essential TypeScript 5, Third Edition
An Angular component decorator is a decorator that supplies metadata defining a component, including its selector and related configuration.
- How it is used
- Defines Angular classes that generate and compose application HTML through selectors, templates, inputs, and outputs.
- How deep it goes
- Explains decorator metadata, separate templates, selector matching, and component communication through worked product examples.
- Examples
- Uses AppComponent, ProductItem, ProductList, product-item elements, external templates, property bindings, and click events.
- What you can do after
- Apply it via Angular to define reusable components and compose them through custom elements, data bindings, and events.
Read how Essential TypeScript 5, Third Edition explains component decorator →
Related concepts
- decoratorkind of · A decorator is a programming-language construct that adds metadata or behavior to, or transforms, a program declaration, often a function or class.
- component scanningconfigured by · Component scanning is a Spring mechanism that searches configured packages or classpath locations for eligible components and registers them as beans in the application context.
- componentconfigures · A software component is a modular part of a larger system that provides related functionality and interacts with other parts through defined boundaries or interfaces.
- selector propertyhas part · A selector property is component or directive metadata specifying the element, attribute, or pattern that identifies where it applies in a template.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.