AngualrJS中每次$http请求时的一个遮罩层Directive_AngularJS

如果我们在等待过程中弹出一个遮罩层，会是一个比较优雅的做法。

这就涉及到了对$http的请求响应进行拦截了。请求的时候，弹出一个遮罩层，收到响应的时候把遮罩层隐藏。

其实，$httpProvider已经为我们提供了一个$httpProvider.interceptors属性，我们只需要把自定义的拦截器放到该集合中就可以了。

如何表现呢？大致是这样的：

显示加载的图片被包含在Directive中了，肯定会用到transclusion。

还涉及到一个遮罩层弹出延迟时间的问题，这个我们希望在config中通过API设置，所以，我们有必要创建一个provider,通过这个设置延迟时间。

$http请求响应遮罩层的Directive:

在全局配置中：

以上所述是小编给大家分享的AngualrJS中每次$http请求时的一个遮罩层Directive ，希望对大家有所帮助。