Directivas

Las directivas modifican la estructura del DOM.

• *ngIf: Muestra u oculta un elemento según una condición.

HTML

          
            <div *ngIf="mostrarMensaje">Este mensaje se muestra.</div>
          
      

• *ngFor: Itera sobre una colección.

HTML

          
            <ul>
            <li *ngFor="let item of items">{ { item } }</li>
            </ul>
          
      

TypeScript

          
            import { Component } from '@angular/core';

            @Component({ /* ... */ })
            export class AppComponent {
                mostrarMensaje = true;
                items = ['Manzana', 'Banana', 'Cereza'];
                }