diff --git a/src/data/roadmaps/angular/content/structural-directives@xk3v8p6vf8ntGj5c-IU4U.md b/src/data/roadmaps/angular/content/structural-directives@xk3v8p6vf8ntGj5c-IU4U.md index 43e8776c5..03e8fddf1 100644 --- a/src/data/roadmaps/angular/content/structural-directives@xk3v8p6vf8ntGj5c-IU4U.md +++ b/src/data/roadmaps/angular/content/structural-directives@xk3v8p6vf8ntGj5c-IU4U.md @@ -1 +1,15 @@ -# Structural Directives \ No newline at end of file +# Structural Directives + +Structural directives are directives applied to an `` element that conditionally or repeatedly renders the content of that ``. If you just wrap elements in an `` without applying a structural directive, those elements will not be rendered. + +In Angular, there are three standard structural directives: + +- `*ngIf` – conditionally includes a template depending on the value of an expression returned by a Boolean. +- `*ngFor` – makes it simple to iterate over an array. +- `*ngSwitch` – renders each matching view. + +Visit the following resources to learn more: + +- [@official@Angular Official Docs - Structural Directives](https://angular.dev/guide/directives/structural-directives) +- [@article@Structural Directives in Angular](https://medium.com/@eugeniyoz/structural-directives-in-angular-61fe522f3427) +- [@article@Angular Structural Directive Patterns: What they are and how to use them](https://www.freecodecamp.org/news/angular-structural-directive-patterns-what-they-are-and-how-to-use-them/) \ No newline at end of file