angularjs拦截器实现loading

最新推荐文章于 2023-06-09 15:30:32 发布

timelessmemoryli

最新推荐文章于 2023-06-09 15:30:32 发布

阅读量4.1k

点赞数

分类专栏： Angularjs 文章标签： loading

本文链接：https://blog.csdn.net/u014788227/article/details/50819493

版权

这篇博客展示了如何在 AngularJS 应用中使用拦截器实现页面加载时显示loading效果。通过创建一个名为 `myInterceptor` 的服务，并在 `$httpProvider` 的 interceptors 列表中注册它，可以在请求开始时显示loading图标，并在响应返回时隐藏。示例代码包括配置路由、定义拦截器以及控制器的简单实现。

摘要由CSDN通过智能技术生成

 <!DOCTYPE html>
<html lang="zh-CN" ng-app="myApp">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="jquery.min.js"></script>
    <script src="angular.js"></script>
    <link rel="stylesheet" href="bootstrap.min.css">
    <style type="text/css">
        .mask-loading .loading-icon {
            -webkit-animation: rotate 1s linear infinite;
            -o-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30px;
            height: 30px;
            margin: -20px

最低0.47元/天解锁文章

timelessmemoryli

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
angularjs拦截器实现loading

.mask-loading .loading-icon { -webkit-animation: rotate 1s linear infinite; -o-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite;
复制链接

扫一扫

专栏目录