AngularJS 中每次 url 变化时会调用哪个函数?

2024-01-10

我必须对同时发生的所有请求进行排队,而无需等待 AngularJS 中前一个请求的响应。
我有一个加载函数,每次更改 url 路由时都会显示加载 div,但在该函数中创建队列数组是不行的。

谁能告诉我每次更改 url 路由时在 angularjs 路由中调用哪个函数?
这是路线代码:

angular.module('myApp', ['myApp.directives', 'myApp.services', 'myApp.filters']).config(
    function($routeProvider, $locationProvider, $httpProvider) {
        $locationProvider.html5Mode(false);
        $locationProvider.hashPrefix('!');

        $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

        var loading = function (data, headersGetter) {
            $('loadingDiv').show();
            return data;
        };
        $httpProvider.defaults.transformRequest.push(loading);

        $routeProvider.
        when('/', {
            templateUrl: 'elements/home/home.html',
            controller: homeCtrl
        });
   });

你可以使用类似的东西:

.run( function($rootScope, $location) {
   $rootScope.$watch(function() { 
      return $location.path(); 
    },
    function(a){  
      console.log('url has changed: ' + a);
      // show loading div, etc...
    });
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS 中每次 url 变化时会调用哪个函数? 的相关文章

  • 使用 Angularjs 中的指令创建 ajax 加载微调器

    我正在尝试创建一个简单的加载程序 以下是我到目前为止所做的事情 有人可以看一下并让我知道我哪里出错了吗 出现CSS样式loading style 2没有被添加 我的 DOM 只显示 span class span 我的指令 angular
  • 没有导出的成员/节点模块

    我刚刚开始使用 5 分钟快速入门找到的 Angular 2 Typescripthere https angular io docs ts latest quickstart html 我遇到了一个看起来很常见的问题 但可能有点不同 我遇到
  • angular.js ui + bootstrap typeahead + 异步调用

    我将 typeahead 与 angular js 指令一起使用 但填充自动完成的函数进行了异步调用 我无法返回它来填充自动完成 有没有办法让它与这个异步调用一起工作 我可以假设您正在使用 Bootstrap 2 x 的 typeahead
  • 如何在AngularJS中的控制器之间共享数据

    我目前正在尝试学习 angularJS 但在控制器之间访问数据时遇到问题 我的第一个控制器从我的 api 中提取货币列表并将其分配给 scope currencies 当我单击编辑时 应该发生的情况是它切换使用另一个控制器的视图 现在 当使
  • 模型不是 AngularJS 中输入的日期对象

    使用 AngularJS 我试图使用输入显示日期type date
  • 当最初在范围内设置值时,日期选择器弹出格式不起作用

    我正在使用 Angular UI 引导日期选择器弹出窗口 并在 Plunker 上使用此自定义指令 http plnkr co edit 053VJYm1MpZUiKwFTfrT p preview http plnkr co edit 0
  • 只允许一种身份验证机制;只有 X-Amz-Algorithm 查询参数..?

    我正在尝试将 PUT 请求发送到 amazonS3 预签名 URL 即使我只有一个 PUT 请求 我的请求似乎也被调用了两次 第一个请求返回200 OK 第二个返回400 Bad Request 这是我的代码 var req method
  • console.log 未显示正确的值[重复]

    这个问题在这里已经有答案了 我正在尝试控制台一个对象 尽管它没有抛出任何错误 但我想要的结果在一段时间后显示 但我无法检索它 它显示一个 i 图标 上面写着 刚刚评估了下面的值 但我无法获取该值 OUTPUT Promise state s
  • AngularJS - RouteProvider 解析调用服务方法

    我创建了一项检查用户登录状态的服务 如果令牌存在 则登录用户 否则重定向到登录页面 最初我通过routeProvider解析调用了这个服务 这一次就可以完美工作 但是由于Angularjs服务是单例的 因此测试不会针对连续调用运行 然后 我
  • 使用 ng-if 改变角度方向

    我想通过单击将方向从 rtl 更改为 ltr and in 设置 html
  • 未捕获的 ReferenceError:未定义角度 - Mean.IO

    我已遵循安装步骤 http mean io docsmean io 但是当我浏览 localhost 3000 时 我得到一个空白页面 当我打开控制台时 我得到一个指向相同错误的文件列表 未捕获的引用错误 角度未定义 我的问题是类似的to
  • 使用 jasmine 在 angularJS 中注入服务来测试控制器

    我想了解如何使用 jasmine 和 angularJS 测试我的代码 我编写了一个带有控制器和注入服务的测试项目 现在我想测试控制器并尝试模拟注入的服务 但我没有找到一种方法来测试我的控制器的 到达 功能 这是我的jsfiddle htt
  • Angular 模态对话框最佳实践

    与不具有动态内容的对话框相比 创建具有动态内容的模式对话框的最佳实践是什么 例如 我们有一些模式表单接受表单元素列表 并具有提交 取消功能 此外 还有一些模式对话框仅显示确认 确定类型的操作 我见过很多人说对话框应该是传递到控制器的服务 但
  • Ionic/Cordova 应用程序中的身份验证

    首先 我不是专业人士 在我成为一名更好的开发人员的过程中 我试图了解需要什么以及如何完成为 Ionic Framework 应用程序创建注册 登录 大多数单页应用程序 SPA 在节点服务器上处理身份验证 该服务器还为客户端提供 HTML 就
  • 以角度访问窗口 TemplateUrl 内的范围

    我的模式有一个 windowTemplateUrl 如下 div class modal fade div class modal dialog div class modal content square btn div div div
  • Angular ui.router,从子控制器调用父控制器函数?

    我将 Angular 与 ui router 一起使用 并设置了嵌套视图 父视图有一个 div 我可以通过父控制器上的函数切换其可见性 我想从嵌套视图的子控制器调用此函数 我该怎么做 http plnkr co edit zw5WJVhr7
  • 使用 ng-table 角度计算列的总和

    我正在使用 Angular ng table 以表格形式绘制数值数据 我无法弄清楚如何在表末尾引入一行 该行显示每列所有值的总和 我可以在服务器端计算数据并将其呈现在用户界面中 但有没有办法在 ng table ng grid 中实现这一点
  • AngularJS中$scope和scope的区别

    我是 AngularJS 的新手 我想知道有什么区别 scope在 angularjs 控制器中和scope在 angularjs 指令中 我尝试在控制器中使用范围 但出现以下错误 错误 injector unpr 未知提供程序 scope
  • 没有找到 angular.min.js.map,这到底是什么?

    When I load the page and check chrome console i find these errors Angular 中的地图文件到底是什么 我确实引用了 Angular min js 但没有引用 Angula
  • 优雅地处理 AngularJS 错误:$injector:nomod 模块不可用

    我的角度应用程序依赖于第三方角度服务 var app angular module ninjaModule angular google analytics 只要我的广告拦截插件关闭 该应用程序就可以正常加载 然而 随着广告拦截器的角度抛出

随机推荐

  • 使用鼠标和 Swing 绘制(单色)数组的最简单方法是什么?

    我一直在寻找一种在屏幕上绘制黑白数组的方法 这是一个简单的数组 只有 20x20 我计划做的是用鼠标在数组上绘制 以便每个像素在单击时从黑色 切换 到白色并返回 然后将数组作为一组布尔值 或整数 传递给另一个函数 目前我正在使用 Swing
  • 使用 jQuery 发送 JSON 数据

    为什么下面的代码将数据发送为City Moscow Age 25而不是 JSON 格式 var arr City Moscow Age 25 ajax url Ajax ashx type POST data arr dataType js
  • 无子项但不为空的 CSS 选择器

    我想在下面的 HTML 片段中选择 BONKERS 它的区别在于它单独存在于一个 code 块 而它的所有兄弟都包含 a s empty是显而易见的选择 但由于文本节点而不起作用 我以为我知道这些东西 但这让我发疯 ul class Ref
  • Compute Engine SSH:您没有足够的权限通过 SSH 连接到此实例

    我无法通过浏览器或 gcloud 使用 ssh 访问我的 google 云计算引擎实例 我的用户帐户有所需的compute instances osLogin许可 事实上它有Owner角色 并且我已经设置了enable oslogin to
  • 导入错误:没有名为connector.conversion的模块

    我对 mySQL 非常陌生 刚刚将其安装在我的 Mac 操作系统 10 6 8 上 当我尝试通过终端连接数据库时 我收到以下消息 上次登录 6 月 17 日星期二 10 42 23 在控制台 mysqluc e help utility 上
  • 如何降级 jekyll 以使用 github 页面?

    我认为我的主要问题是 github 页面不支持 jekyll 4 这对我来说没问题 但是无论如何我如何降级 jekyll 才能工作呢 我尝试按照此处的说明进行操作 https github com github pages gem issu
  • 日志记录是否应该受到国际化的影响?

    我们目前正在考虑将我们的系列产品运送到世界其他地区 我们将确保用户界面中的所有字符串和日期格式等反映目标国家 地区的语言和文化 我们的日志文件和错误报告也应该这样改变吗 考虑到客户可能会查阅日志文件 或者我们可能在该国家 地区设有本地支持团
  • 在 Angular ui Bootstrap 中控制 isOpen

    我想在 angualr ui bootstrap 手风琴指令中使用 isOpen 属性 这样它将打开手风琴中第一个 ng repeat 的第一个元素 我尝试过一些事情但没有运气 谁能就此提出建议吗 html div class accord
  • 尝试使用 mongodb 插件在 grails 中创建 mongodb 集合

    我正在尝试使用以下方法在 grails 中创建 mongodb 集合 BasicDBObject DBoptions new BasicDBObject DBCollection collection db createCollection
  • 为什么 sublime 不使用选择器自动检测这个自定义 sublime-build ?

    我已将以下内容保存到node sass sublime build在我的用户文件夹中 shell cmd node sass cmd file selector source scss 我有一个slideEditor scss文件 如果我明
  • 如何使用 lambda 过滤具有第二级列表中对象的属性的列表?

    例如 有两个类 class Team List
  • jQuery - 使用发布数据重定向

    如何使用发布数据进行重定向 如何移动到新页面 POST 这个怎么做 它是如何完成的以及为什么要这样做 有一个 JQuery 插件几乎可以完成您想要做的事情 https github com mgalante jquery redirect
  • 检查动画是否在 cocos2d-x 中运行

    我目前正在学习cocos2D x并正在做一些精灵动画 我的目标是 当单击按钮时 对象会向左移动并带有一些动画 现在 如果您快速单击多次 动画就会立即发生 看起来熊正在希望而不是行走 解决方案看起来很简单 我应该检查动画是否已经在运行以及是否
  • 避免 AVX-SSE (VEX) 转换惩罚

    我们的 64 位应用程序有大量代码 尤其是在标准库中 在 SSE 模式下使用 xmm0 xmm7 寄存器 我想使用 ymm 寄存器实现快速内存复制 我无法修改所有使用xmm寄存器添加VEX前缀的代码 而且我也认为这不切实际 因为它会增加代码
  • 我可以在 Android 应用程序中嵌入自定义字体吗?

    我希望有一个应用程序包含用于渲染文本的自定义字体 加载它 然后将其与 StaticText 等标准元素一起使用 这可能吗 是的 可以 只是不能将其定义到 xml 布局中 您每次都需要动态地使用它 查看本教程 http www barebon
  • 使用 Mvvm-light(oobe)+MEF 进行 Silverlight 导航?

    在用户控件 页面之间导航的最佳方法是什么 浏览器体验之外 我对 Silverlight 相当陌生 甚至对 mvvm 模式也比较陌生 导航框架与 MVVM Light Toolkit 的集成程度如何 两者的一般应用程序流程控制的片段会很棒 该
  • 在包含 UTF-8 数据的字节数组中查找最近的安全分割

    我想分割一个大的UTF 8编码数据数组 以便可以并行地将其解码为字符 好像没办法知道有多少字节Encoding GetCharCount读 我也无法使用GetByteCount GetChars 因为它无论如何都会解码整个数组 这是我试图避
  • 获取Word文档的页数

    我正在使用自动化对 Word 文档进行大量更改 然后运行 VBA 宏 该宏除其他外还检查文档是否不超过一定数量的页面 我在用着ActiveDocument Information wdNumberOfPagesInDocument 获取页数
  • VSTS 构建失败,Git 获取失败,退出代码:128

    我在 VSTS 上设置了构建代理和构建过程 所有配置都正常 但构建在获取源步骤时失败 这是我尝试过的 检查权限 由于我的个人资料是该项目的所有者 所以我这样做 未在角色中指定权限 我尝试将 PAT 的范围更改为 ALL 范围但我没有运气 升
  • AngularJS 中每次 url 变化时会调用哪个函数?

    我必须对同时发生的所有请求进行排队 而无需等待 AngularJS 中前一个请求的响应 我有一个加载函数 每次更改 url 路由时都会显示加载 div 但在该函数中创建队列数组是不行的 谁能告诉我每次更改 url 路由时在 angularj