Updating/Timer feature for a single feed out of two -- Combining data with $q.all()

Question

Updating/Timer feature for a single feed out of two -- Combining data with $q.all()

I'm revisiting a question I previously asked here.

The approach I took involved using the $q.all() method to resolve multiple http calls and then filtering and merging the data. Everything was working fine, but now I want to refresh one of the feeds every 5 minutes. Usually, I would add a timer at the end of my code like this:

var timer = $scope.intervalFunction = function() {
    $timeout(function() {
       /* function to call $http.get again */
        $scope.intervalFunction(); 
    }, 300000)
}; 
timer(); 
$timeout.cancel(timer);

My challenge is figuring out how to update just one source without duplicating list items when both sources are merged together. This has been an issue for me in previous attempts.

Any suggestions or insights would be greatly appreciated! Thank you!

JSFiddle link: here

javascript angularjs timeout q

Answer 1

Answer №1

"I'm looking to refresh one of my two feeds every 5 minutes." It may not be possible to achieve this using a single $q.all request. One workaround could be to make an additional request outside of the $q.all wrapper and then initiate a $timeout after receiving results from the first $q.all request.

I should mention that I haven't tested this solution myself, but it might work:

$q.all(promises)
  .then(function(response) { 
    metadata = response.metadataPromise.data;
    metrics = response.metricsPromise.data; 
    joinMetadataAndMetrics();
    requestEveryFiveMinutes(); 
  })
  .catch(function(error) { 
    console.log(error);
  });

function requestEveryFiveMinutes() {
  $interval(function() {
    // Perform the necessary http request here
    yourRequest()
      .then(function() {
        // Handle the response accordingly
      })
      .catch(function(err) {
        console.log(err);
      })
  }, 300000);
}

Don't forget to inject $interval in your controller.

Answer 2

"I'm looking to refresh one of my two feeds every 5 minutes." It may not be possible to achieve this using a single $q.all request. One workaround could be to make an additional request outside of the $q.all wrapper and then initiate a $timeout after receiving results from the first $q.all request.

I should mention that I haven't tested this solution myself, but it might work:

$q.all(promises)
  .then(function(response) { 
    metadata = response.metadataPromise.data;
    metrics = response.metricsPromise.data; 
    joinMetadataAndMetrics();
    requestEveryFiveMinutes(); 
  })
  .catch(function(error) { 
    console.log(error);
  });

function requestEveryFiveMinutes() {
  $interval(function() {
    // Perform the necessary http request here
    yourRequest()
      .then(function() {
        // Handle the response accordingly
      })
      .catch(function(err) {
        console.log(err);
      })
  }, 300000);
}

Don't forget to inject $interval in your controller.

Updating/Timer feature for a single feed out of two -- Combining data with $q.all()

Answer №1

Similar questions

Hover over with your mouse to open and close the dropdown menu in React JS

I am currently attempting to extract data from a JSON file by using key names for reference, but I am running into issues when dealing with nested keys

Saving props in React-select

Attempting to wipe out a request using ajax to access relationship entities in a ruby on rails framework

Returning a Response in HapiJS Routes from Incoming Requests

How can I stop the countdown when I receive input in Python?

Learning how to effectively incorporate two matSuffix mat-icons into an input field

Troubleshooting: 404 Error When Trying to Send Email with AJAX in Wordpress

Zero's JSON Journey

Applying Tailwind styles to dynamically inserted child nodes within a parent div

Sharing data between two Angular 2 component TypeScript files

Error: The property 'postID' can not be read because it is undefined

Navigating Between Modules Using ui-router in Angular: Best Practices

Include the array in the 'content' property of the CSS using Jquery

A guide on retrieving real-time data from PHP using Ajax

Get rid of the spaces in web scraping <tr> tags using Node.js

Validating forms using TypeScript in a Vue.js application with the Vuetify

How to Utilize AngularJS to Interact with Play 2 REST API Despite CORS Challenges

Master the Art of Scrollbar Control in Angular!

Exploring the bounds of self-invocation functions in JavaScript