Directives

Add reusable DOM behavior without creating another visual component.

  1. Async Pipe

    Subscribe to asynchronous values with automatic template cleanup.

  2. Custom Structural Directives

    Build directives that add or remove template views based on application logic.

  3. Directive

    Understand how Angular directives add reusable behavior to existing elements, control DOM structure, expose inputs and outputs, and interact safely with host elements.

  4. Directive Composition API

    Reuse directive behavior across components and directives.

  5. Pure and Impure Pipes

    Understand pipe execution behavior and its performance impact.

  6. Transform Display Values with Pipes

    Format values in templates without changing the source data.