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