feat(angular/metadata): add content to the threads (#6304)
Threads: - Metadata - Selector - Template - Styles - Standalone - Imports - Providerpull/6305/head^2
parent
efd6c3cc22
commit
cbc9b788fa
7 changed files with 63 additions and 7 deletions
@ -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) |
||||||
|
Loading…
Reference in new issue