Como instalar y utilizar DDR Configuration de la biblioteca DDR

14/07/20210 comentarios

Hola a todos, hoy os voy a explicar como podemos instalar y utilizar el componente DDR Configuration de la biblioteca DDR.

Aquí puedes ver la documentación del componente.

El componente ddr-configuration es un servicio para recoger la información de un json donde guardemos configuración.

Para instalar el componente, abre una terminal y escribe: npm i ddr-configuration

Después, debes agregar el módulo DdrConfigurationModule y el DdrConfigurationService a tu app.module.ts

Para utilizarlo, debes hacer lo siguiente:

En app.module, en la parte de providers, añadimos:


providers: [
  DdrConfigurationService,
  {
    provide: APP_INITIALIZER,
    useFactory: configFactory,
    deps: [DdrConfigurationService],
    multi: true
  }
]

Y antes del modulo, añadimos esta función:

export function configFactory(provider: DdrConfigurationService) {
  return () => provider.getDataFromJSON('/assets/data.json');
}

Con esto tendremos todos los datos disponibles en el servicio, en cualquier parte de nuestra aplicación.

Para la parte HTML, tienes un pipe llamado getDataConf que puedes utilizar para recoger datos pasandole el nombre del parámetro del json.

Te dejo un ejemplo en vivo:

Recuerda que si quieres aprender a como realizar la tuya, lo puedes ver en nuestro curso de angular de Crea tu propia biblioteca de componente con Angular.