> For the complete documentation index, see [llms.txt](https://dailyjournal.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dailyjournal.gitbook.io/notes/web-frameworks/angular/directives/structural-directives.md). # Structural Directives * Change the DOM layout by adding or removing DOM elements. ## Built-in Structural Directives
DirectivesDetails
ngForRepeat a node for each item in a list.
ngIfConditionally creates or disposes of subviews from the template.
ngSwitchA set of directives that switch among alternative views.
### ngFor ```javascript
{{item.name}}
``` * repeating a component view ```javascript ``` ### ngIf * When `NgIf` is `false`, Angular removes an element and its descendants from the DOM. Angular then disposes of their components, which frees up memory and resources. ```javascript ``` * guarding against `null` ```javascript
Hello, {{currentCustomer.name}}
``` ### ngSwitch
DirectivesDetails
ngSwitchAn attribute directive that changes the behavior of its companion directives.
ngSwitchCaseStructural directive that adds its element to the DOM when its bound value equals the switch value and removes its bound value when it doesn't equal the switch value.
ngSwitchDefaultStructural directive that adds its element to the DOM when there is no selected ngSwitchCase.
```javascript
```