在前端开发中，日志是必不可少的一个组成部分，而 angular-ui-logger 是一个很好用的工具，可以简化我们在 Angular 应用程序中打印和管理日志的过程。本文将介绍如何使用 angular-ui-logger 包，包括安装、配置以及使用实例。
安装
在使用 angular-ui-logger 之前，首先需要在项目中安装这个 npm 包：
npm install angular-ui-logger --save
注意使用 --save 参数，把该包添加到我们项目的 dependencies 里面去。
安装完毕后，我们就可以使用该包了。
配置
接下来，我们需要在我们的应用程序中进行配置。我们首先在 app.module.ts 中引入该包：
-- -------------------- ---- -------
------ - -------------- - ---- --------------------
-----------
------------- -
-- ---
--
-------- -
-- ---
------------------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -上面的 forRoot() 方法会初始化一个应用级别的 Logger 对象。然后我们可以在应用中的任何地方获取该 Logger 对象并写入日志。
使用
在我们的组件中，可以像下面这样获取 Logger 对象：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------ - ---- --------------------
------------
-- ---
--
------ ----- ----------- -
------------------- ------- ------- - -
-------------- -
------------------------ ----------
---------------------- ----------
------------------------- ----------
------------------------ ----------
-
-通过上面的使用，我们可以在控制台输出任何级别的日志信息。这样就很容易调试我们的应用程序了。
除此之外，angular-ui-logger 也提供了一些其他的功能，比如说：
- 支持自定义日志输出格式
- 支持指定最低输出级别，忽略低于该级别的日志输出
- 支持将日志记录到服务器上
- 支持日志输出颜色等
总结
到此为止，我们介绍了如何使用 angular-ui-logger 包来记录和管理日志。当我们在开发中遇到问题时，通过记录和输出日志信息，我们可以更好的调试代码并解决问题。angular-ui-logger 是一个非常好用的 npm 包，建议大家熟练掌握它的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e9c81e8991b448e75b5