1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-19 07:31:24 +02:00

feat(angular/metadata): add content to the threads (#6304)

Threads:
- Metadata
- Selector
- Template
- Styles
- Standalone
- Imports
- Provider
This commit is contained in:
Konrad
2024-07-31 15:22:18 +02:00
committed by GitHub
parent efd6c3cc22
commit cbc9b788fa
7 changed files with 63 additions and 7 deletions

View File

@@ -1 +1,9 @@
# Imports
# Imports
The `imports` property specifies the `standalone` component's template dependencies — those directives, components, and
pipes that can be used within its template.
Visit the following resources to learn more:
- [@official@Importing and using components](https://angular.dev/guide/components/importing)
- [@official@Component - API](https://angular.dev/api/core/Component#imports)

View File

@@ -1 +1,9 @@
# Metadata
# Metadata
Metadata in Angular components refers to the configuration information that is used to define and configure the behavior
of a component. It is specified using decorators, which are functions that add metadata to classes, properties, and
methods.
Visit the following resources to learn more:
- [@official@Component - API](https://angular.dev/api/core/Component)

View File

@@ -1 +1,8 @@
# Provider
# Provider
Configure the injector of component with a token that maps to a provider of a dependency.
Visit the following resources to learn more:
- [@official@Configuring dependency providers](https://angular.dev/guide/di/dependency-injection-providers)
- [@official@Component - API](https://angular.dev/api/core/Component#providers)

View File

@@ -1 +1,10 @@
# Selector
# Selector
In Angular, the `selector` metadata is a crucial property defined within the `@Component` decorator that specifies how the
component can be identified and used in HTML templates. It determines the way the component is rendered in the DOM,
allowing developers to create reusable and easily identifiable components.
Visit the following resources to learn more:
- [@official@Component selectors](https://angular.dev/guide/components/selectors)
- [@official@Component - API](https://angular.dev/api/core/Component#selector)

View File

@@ -1 +1,9 @@
# Standalone
# Standalone
A standalone component is a component that sets `standalone: true` in its component metadata. Standalone components
directly import other components, directives, and pipes used in their templates
Visit the following resources to learn more:
- [@official@Standalone components](https://angular.dev/guide/components/importing#standalone-components)
- [@official@Component - API](https://angular.dev/api/core/Component#standalone)

View File

@@ -1 +1,9 @@
# Styles
# Styles
This metadata allows developers to apply CSS styles directly to a component, enhancing its appearance and ensuring that
styles are scoped to that particular component.
Visit the following resources to learn more:
- [@official@Styling components](https://angular.dev/guide/components/styling)
- [@official@Component - API](https://angular.dev/api/core/Component#styles)

View File

@@ -1 +1,9 @@
# Template
# Template
`template` metadata is a property defined within the `@Component` decorator that specifies the HTML template for the
component. It allows you to define the structure and layout of the component's view.
Visit the following resources to learn more:
- [@official@Template syntax](https://angular.dev/guide/templates)
- [@official@Component - API](https://angular.dev/api/core/Component#template)