Defines a Directive component. 
Angular’s structural directives are responsible for HTML layout. They shape or reshape the DOM’s structure, typically by adding, removing, or manipulating elements.
Directives can be:
 • ForEach  - each occurrence of a source collection will generate an UI Component
 • If 		- the UI Component will be displayed If the source is true
 • Switch, Switch, SwichtDefault 	- the UI Component will be displayed with the Switch options
For more information: Structural Directives
| Name | Description | 
|---|---|
| Comment | Describes the object comment to include in the documentation report. This property generally contains an explanation about the object. | 
| Directive type | Defines the directive type. | 
| Is active | Defines whether the component is active. | 
| Tag name | Defines the HTML element’s tag name. | 
| Directive expression | Defines a directive condition or expression. | 
| Directive source | Defines the directive source. | 
| ForEach index | Defines the ForEach index name. Use TS scope.indexName to access its value in other components. | 
| ForEach item | Defines the ForEach item name. Use TS scope.itemName to access its value in other components. | 
 Directive
 Directive