Cómo crear un proyecto en Angular sin Standalone

Crear un proyecto en Angular sin usar la estructura standalone permite mantener la organización tradicional de módulos y componentes dentro de la arquitectura del framework. A continuación, se explica el procedimiento para crear un proyecto de este tipo.

Paso a Paso para crear un Proyecto Angular sin Standalone

1. Instalar Angular CLI:

Si no tienes Angular CLI instalado, puedes hacerlo con el siguiente comando:

2. Crear el proyecto:

Al generar un nuevo proyecto, se puede especificar que no se utilice la estructura standalone con la opción --no-standalone:

Al usar este comando, Angular configurará la estructura basada en módulos tradicionales (NgModule), donde se mantiene la organización conocida de app.module.ts y los demás módulos secundarios.

3. Configurar el Proyecto:

El proyecto generado contendrá un archivo app.module.ts en lugar de utilizar la nueva arquitectura standalone. Asegúrate de mantener las importaciones de componentes y servicios dentro de los módulos correspondientes.

4. Añadir Componentes sin standalone:

Cuando agregues nuevos componentes, puedes usar el siguiente comando para que también se mantengan fuera de la estructura standalone:

Con esto, el componente se incluirá en el declarations del módulo correspondiente en lugar de ser independiente.

Algunos Ejemplos

1. Crear un proyecto Angular tradicional:

2. Generar un componente tradicional:

Este componente se registrará automáticamente en el AppModule del proyecto.

Referencia

Para más información, puedes visitar la documentación oficial de Angular.