From cbc9b788faf4af5d680344ff629557b16cbfa109 Mon Sep 17 00:00:00 2001 From: Konrad Date: Wed, 31 Jul 2024 15:22:18 +0200 Subject: [PATCH] feat(angular/metadata): add content to the threads (#6304) Threads: - Metadata - Selector - Template - Styles - Standalone - Imports - Provider --- .../angular/content/imports@ghbrJhuGvscnNGCtVLh5_.md | 10 +++++++++- .../angular/content/metadata@Szgr8dnZNi-z5i6raIJzW.md | 10 +++++++++- .../angular/content/provider@dOMvz__EQjO-3p-Nzm-7P.md | 9 ++++++++- .../angular/content/selector@cDN0PGo-zkcLmttxCiAI-.md | 11 ++++++++++- .../content/standalone@RcNHEh6kmbBK1PICbhAwr.md | 10 +++++++++- .../angular/content/styles@4XJKEmSrQfPxggHlAP30w.md | 10 +++++++++- .../angular/content/template@-gUpm3OLUJl9iAyx6fmHN.md | 10 +++++++++- 7 files changed, 63 insertions(+), 7 deletions(-) diff --git a/src/data/roadmaps/angular/content/imports@ghbrJhuGvscnNGCtVLh5_.md b/src/data/roadmaps/angular/content/imports@ghbrJhuGvscnNGCtVLh5_.md index 3c412f55f..51fd8a4b2 100644 --- a/src/data/roadmaps/angular/content/imports@ghbrJhuGvscnNGCtVLh5_.md +++ b/src/data/roadmaps/angular/content/imports@ghbrJhuGvscnNGCtVLh5_.md @@ -1 +1,9 @@ -# Imports \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/metadata@Szgr8dnZNi-z5i6raIJzW.md b/src/data/roadmaps/angular/content/metadata@Szgr8dnZNi-z5i6raIJzW.md index 676ef9b01..7afa52d41 100644 --- a/src/data/roadmaps/angular/content/metadata@Szgr8dnZNi-z5i6raIJzW.md +++ b/src/data/roadmaps/angular/content/metadata@Szgr8dnZNi-z5i6raIJzW.md @@ -1 +1,9 @@ -# Metadata \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/provider@dOMvz__EQjO-3p-Nzm-7P.md b/src/data/roadmaps/angular/content/provider@dOMvz__EQjO-3p-Nzm-7P.md index a3253160e..b313b4043 100644 --- a/src/data/roadmaps/angular/content/provider@dOMvz__EQjO-3p-Nzm-7P.md +++ b/src/data/roadmaps/angular/content/provider@dOMvz__EQjO-3p-Nzm-7P.md @@ -1 +1,8 @@ -# Provider \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/selector@cDN0PGo-zkcLmttxCiAI-.md b/src/data/roadmaps/angular/content/selector@cDN0PGo-zkcLmttxCiAI-.md index 07b3f07f1..95055d772 100644 --- a/src/data/roadmaps/angular/content/selector@cDN0PGo-zkcLmttxCiAI-.md +++ b/src/data/roadmaps/angular/content/selector@cDN0PGo-zkcLmttxCiAI-.md @@ -1 +1,10 @@ -# Selector \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/standalone@RcNHEh6kmbBK1PICbhAwr.md b/src/data/roadmaps/angular/content/standalone@RcNHEh6kmbBK1PICbhAwr.md index f9120380a..6636031c2 100644 --- a/src/data/roadmaps/angular/content/standalone@RcNHEh6kmbBK1PICbhAwr.md +++ b/src/data/roadmaps/angular/content/standalone@RcNHEh6kmbBK1PICbhAwr.md @@ -1 +1,9 @@ -# Standalone \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/styles@4XJKEmSrQfPxggHlAP30w.md b/src/data/roadmaps/angular/content/styles@4XJKEmSrQfPxggHlAP30w.md index 7bb0b308c..53a9432d4 100644 --- a/src/data/roadmaps/angular/content/styles@4XJKEmSrQfPxggHlAP30w.md +++ b/src/data/roadmaps/angular/content/styles@4XJKEmSrQfPxggHlAP30w.md @@ -1 +1,9 @@ -# Styles \ No newline at end of file +# 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) diff --git a/src/data/roadmaps/angular/content/template@-gUpm3OLUJl9iAyx6fmHN.md b/src/data/roadmaps/angular/content/template@-gUpm3OLUJl9iAyx6fmHN.md index 630b32381..0095976f7 100644 --- a/src/data/roadmaps/angular/content/template@-gUpm3OLUJl9iAyx6fmHN.md +++ b/src/data/roadmaps/angular/content/template@-gUpm3OLUJl9iAyx6fmHN.md @@ -1 +1,9 @@ -# Template \ No newline at end of file +# 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)