Tips for accessing data from another service variable within an AngularJS service or controller

Question

Tips for accessing data from another service variable within an AngularJS service or controller

$http.get('/FetchData').then(function(response) {
$scope.newTimeStamp = response.data.result[1].timestamp;
    var timeValue = moment($scope.newTimeStamp,"YYYY-MM-DD HH:mm:ss");
        if($scope.newTimeStamp != undefined && $scope.newTimeStamp != ''){
            $scope.newTimeStamp = $scope.newTimeStamp;
        } else {
            $scope.newTimeStamp = '';
    }
}

Now, I need to pass this timeStamp value to a different page when making another service call. How can I achieve this and display it there?

I'm not very proficient in coding... Any help would be appreciated.

javascript angularjs

Answer 1

Answer №1

When it comes to sharing data across controllers in angular JS, you have a few options like localstorage, sessionstorage, or $rootScope.

One way to share data using localstorage is:

localStorage.setItem('title', $scope.title);
// Retrieve the title
$scope.title = localStorage.getItem('title');

For sessionstorage, you can use:

 sessionStorage.setItem(key, value);

 // To retrieve the data 

 sessionStorage.getItem(key, value);

To share data via $rootScope:

var app = angular.module("myApp", []);
      app.run(function($rootScope) {
         $rootScope.userData = {};
         $rootScope.userData.firstName = "Ravi";
         $rootScope.userData.lastName = "Sharma";
      });


      app.controller("firstController", function($scope, $rootScope) {
           console.log($rootScope.userData.firstName)
      });

Answer 2

When it comes to sharing data across controllers in angular JS, you have a few options like localstorage, sessionstorage, or $rootScope.

One way to share data using localstorage is:

localStorage.setItem('title', $scope.title);
// Retrieve the title
$scope.title = localStorage.getItem('title');

For sessionstorage, you can use:

 sessionStorage.setItem(key, value);

 // To retrieve the data 

 sessionStorage.getItem(key, value);

To share data via $rootScope:

var app = angular.module("myApp", []);
      app.run(function($rootScope) {
         $rootScope.userData = {};
         $rootScope.userData.firstName = "Ravi";
         $rootScope.userData.lastName = "Sharma";
      });


      app.controller("firstController", function($scope, $rootScope) {
           console.log($rootScope.userData.firstName)
      });

Tips for accessing data from another service variable within an AngularJS service or controller

Answer №1

Similar questions

What is the best method for accessing a remote text file using JavaScript?

Retrieve the post ID from the existing URL via AJAX in order to fetch data associated with that particular ID

Is there a way to showcase the contents of the angular "tags" object seamlessly?

Adjust font size based on screen dimensions

What is the method to retrieve the character set of response data in an Ajax request?

Using jQuery to create sliding animations with left and right transitions

Is there a way to transform my drag-and-drop function into a click event instead?

ng-bind-html behaving unexpectedly

Launching the Node.js Thread Pool to Enhance Parallel Processing

Issue with Slider Width in WP 5.6 editor and ACF Pro causing layout problems

Using Redis for pub/sub functionality within or outside of the io.connect callback

Exploring the Scope of React Functional Components

AngularJS encountered an error: The token '|' was unexpected and expected ':' instead

How can I use PHP to transform a JSON object containing xy coordinates into an image?

Is there a more efficient method for generating dynamic variable names from an array aside from using eval or document?

What is the process for defining a filename when exporting with Webdatarocks default settings?

Mobile devices seem to be constantly refreshing website images

What is the best way to implement a loop using JQuery?

What methods can I use to distinguish between the use of a hardware keyboard and a soft keyboard on a hybrid tablet

I need to send information from my JavaScript code to my Flask server