Saltar al contenido

Crear componente para módulo específico con Angular-CLI

Solución:

Para crear un componente como parte de un módulo, debe

  1. ng g module newModule para generar un módulo,
  2. cd newModule para cambiar el directorio al newModule carpeta
  3. ng g component newComponent para crear un componente como hijo del módulo.

ACTUALIZACIÓN: Angular 9

Ahora no importa en qué carpeta se encuentre al generar el componente.

  1. ng g module NewMoudle para generar un módulo.
  2. ng g component new-module/new-component para crear NewComponent.

Nota: Cuando Angular CLI ve módulo nuevo / componente nuevo, entiende y traduce el caso para que coincida con módulo nuevo -> Módulo nuevo y componente nuevo -> Componente nuevo. Puede resultar confuso al principio, por lo que la manera más fácil es hacer coincidir los nombres en el n. ° 2 con los nombres de las carpetas del módulo y el componente.

ng g component nameComponent --module=app.module.ts

No estoy seguro de si la respuesta de Alexander Ciesielski fue correcta en el momento de escribir este artículo, pero puedo verificar que esto ya no funciona. No importa en qué directorio del proyecto ejecute la CLI de Angular. Si escribe

ng g component newComponent

generará un componente y lo importará al archivo app.module.ts

La única forma en que puede usar CLI para importarlo automáticamente a otro módulo es especificando

ng g component moduleName/newComponent

donde moduleName es un módulo que ya ha definido en su proyecto. Si moduleName no existe, pondrá el componente en el directorio moduleName / newComponent pero aún lo importará a app.module

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *