中止服务呼叫，同时在angularjs中切换路由

Question

问题陈述:我正在使用3个选项卡。标签-a，标签-b和标签-c。在加载文档时，每个选项卡将有5-6个对web的服务调用。我的问题是，当我点击选项卡-a.从制表符..呼叫-a快速开始在改变路线。但是，如果我单击选项卡-b的时间，我以前的调用将在处理中，新的更多的6个调用将从选项卡-b中添加。我想取消以前从tab-a到交换路由的呼叫。因为它影响了我的角度SPA的性能。

我使用的是角js路由。

app.config(function ($routeProvider) {
$routeProvider
.when('/daily',
{
    title: 'Daily - Stats',
    templateUrl: '/SPA/Daily.html'
})
.when('/weekly',
{
    title: 'Weekly - Stats',
    templateUrl: '/SPA/Weekly.html'
})

我有一个服务可以从web获取和发布数据。

Answer 1

您可以在$routeprovider中使用解析(我还没有测试代码)，例如：

.when('/daily',
{
title: 'Daily - Stats',
templateUrl: '/SPA/Daily.html',
resolve: {
   foo: function($http){
      $http.pendingRequests.forEach(function (pendingReq) {
      //here cancel pendingReq like pendingReq.resolve()
   }
}

或者你可以使用RoutechangeStart。

您还可以在以下文章中找到更多信息：AngularJS abort all pending $http requests on route change