Ejecutar la app-demo Angular

Ejecutar la app-demo de Angular permite identificar muy fácilmente subcomponentes, variantes, switches e inputs, así como sus valores por omisión. Para ello es necesario ejecutar los siguientes pasos:

1. Crear una nueva aplicación Angular, utilizando los valores por omisión.

> ng new [name] [options]

2. Copiar el contenido de los directorios asset y app del componente en los directorios correspondientes de la nueva aplicación
3. Reemplazar el código de el archivo src/app/app.component.ts por el código que se muestra debajo, cambiando [comp-name] y [CompName] por el nombre del componente, respetando la forma en que Angular utiliza mayúsculas y minúsculas para los identificadores.

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

import { WcfSubcomps } from "./wcf-subcomps/wcf-subcomps.service";
import { [CompName]} from "./[comp-name]/[comp-name].component";

import { AppDemo } from "./app-demo-[comp-name]/app-demo.component";

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [[CompName], AppDemo],
  template: "<app-demo></app-demo>", 
  
})
export class AppComponent {
  title = 'app-demo';
}

4. En el directorio de la aplicación, ejecutar Angular, y la app-demo se cargará en el navegador.

> ng serve