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:
@@ -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)
|
||||
|
@@ -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)
|
||||
|
@@ -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)
|
||||
|
@@ -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)
|
||||
|
@@ -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)
|
||||
|
@@ -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)
|
||||
|
@@ -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)
|
||||
|
Reference in New Issue
Block a user