Los registradores son una gran manera de estructurar los errores en su aplicación y proporcionar informes de errores más detallados.
En el momento de escribir esta guía, Angular 2 no tiene un equivalente al servicio de $log de Angular 1. Sin embargo, hay dos paquetes que proporcionan una funcionalidad similar – Angular2-log y Angular2-logger. Para esta guía, usaremos Angular2-logger porque está más desarrollado y es más estable.
Instalar un registrador
Primero, tenemos que instalar el paquete. Abre la terminal en el directorio raíz de tu proyecto:
1$ npminstall --save angular2-logger
bash
Luego, importa el Logger en el archivo donde reside la función bootstrap() de tu Angular 2 y ponlo como argumento en la función. Esto inyectará el Logger en el nivel superior y hará que el servicio esté disponible en toda tu aplicación.
main.ts
1importar{Logger}de "angular2-logger/core";typescript
1bootstrap(AppComponent,[Logger]);
tipografía
Por último, incluye el script en index.html. Asegúrate de incluirlo en la configuración de SystemJS, ya que el paquete depende de él.
index.html
1234<!-- 2. Configurar SystemJS --;<scriptsrc="systemjs.config.js"></script --> -->;-- 3. Importar registrador --;<scriptsrc="node_modules/angular2-logger/bundles/angular2-logger.js"--;</script -->;
html
Usando el registrador
Usar el leñador es bastante fácil. Siempre que en tu aplicación eliges usar el logger, necesitas hacer dos cosas:
1. Importarlo
1importar{Logger}de "angular2-logger/core";ts
2. Añádalo en el constructor del componente/servicio/directivo
123constructor(privado _logger:Logger){//}ts
Ahora puedes usar el registrador refiriéndote a él como esto._logger :
12this._logger.error($0027Este es un mensaje de error de nivel de prioridad 1...$0027);
ts