What are Structural Directives in Angular?

Structural directives are the type of Angular directives that are responsible for the Structure and Layout of the DOM Element.

  • Structural Directives in Angular is used to manipulate, modify and remove elements inside the template of a component.
  • They are generally applied on a main element and according to their behaviour, they modify and update the main elements and the child elements.
  • Structural Directives are responsible are hiding and displaying things on the DOM.
  • It is identified using the ‘*’ symbol. Every Structural Directive is preceded by the asterisk symbol.