在调试应用程序的时候，我们经常会在控制台上输出一些信息，我们之前都是用 console.log 去做的，Angular 提供了一个 $log 服务，用这个服务，我们也可以在控制台上显示一些有用的信息，基本上跟 console.log 或者相关的像 console.info，console.error 做的事情是一样的。

使用 $log 的好处是，在有些不支持 console 的浏览器上不会显示错误，还有就是，我们可以通过一个叫 decorator() 的东西去更灵活的定制输出到控制台上的信息的显示。

在这个 app.js 里面，定义了一个模块，这个模块里面有一个控制器，就是 UserController ... 在 index.html 这个文档上面，我们用到了 UserController 这个控制器 ... 下面，我们可以在这个控制器里面，去使用 $log 这个服务 ...

我们需要把这个服务作为这个控制器的依赖的东西注入进来 ... 把 $log 作为这个匿名函数的一个参数 ... 这样在这个控制器里，就可以使用 $log 里面提供的一些方法了 ... 它里面有五个方法，分别可以使用不同的形式在控制台上输出信息 ...

log();
info();
warn();
error();
debug();

log() 可以在控制台输出日志类型的信息，info() 是信息类的内容，warn() 可以输出警告，error() 输出的是表示错误的提供信息，debug() 是调试信息。 下面，我们在这个控制器里面，分别使用这些方法，去在控制台上输出一些内容 ...

$log.log('用户登录');
$log.info('用户登录中...');
$log.warn('用户尝试登录的次数过多！');
$log.error('登录失败');
$log.debug('用户登录中...');

保存 ... 打开浏览器的控制台 ... 你会看到使用这些方法输出的东西 ... 用 log 方法输出的信息跟使用 console.log() 是一样的 ... 普通的黑色的文字 ... info() 方法输出的内容前面会带一个小 i 标志 ... warn() 方法是警告信息，它的前面是一个黄色的标志，里面有一个小叹号 ... error() 方法输出的错误信息，它的前面会有一个红色的错误符号 ... 用 debug() 方法输出的内容文字是蓝色的。

在这个浏览器的控制台上，我们可以过滤一下显示的不同类型的信息 ... 点击这个漏斗形状的小图标 .. 在右边这里，可以选择信息的类型 ... 比如点击 Errors ... 会过滤掉除了错误信息以外的所有的信息。Warnings ... 显示的是警告类型的信息 ... Info 是提示类型的错误 ... Logs 显示的是日志 ... Debug 显示的是调试类型的信息 ...

点击前面的 All 会显示所有在控制台上输出的信息。