Tips for transferring an array between two applications using AngularJS

Question

Tips for transferring an array between two applications using AngularJS

I have two applications, appA for front end and appB for admin end.

In appA, I am building an array called queries using a service through a controller. However, when I try to retrieve this array list in a controller in appB, it appears empty.

Everytime appB is loaded, the page gets refreshed.

Here is the service I am using to store and share the array:

.factory('myService', function() {
    var queries = [];
    var factory = {};

    factory.addQuery = function(query) {
        queries.push(query);
        return queries;
    };
    factory.allQueries = function() {
        return queries;
    };
    return factory;
});

Application A

angular.module("appA", ['ui.router', ..)

Application B

angular.module("appB", ['ui.router', ..)

Can anyone assist me with this issue?

javascript arrays angularjs service sharing

Answer 1

Answer №1

One simple solution is to utilize the power of localStorage.

For setting it up, you can use:

localStorage.setItem('queries', queriesVariable);

To retrieve data from another application:

localStorage.getItem('queries');

Or simply access it like this:

localStorage.queries;

If you don't require the data to persist beyond a page refresh, consider using sessionStorage.

Answer 2

One simple solution is to utilize the power of localStorage.

For setting it up, you can use:

localStorage.setItem('queries', queriesVariable);

To retrieve data from another application:

localStorage.getItem('queries');

Or simply access it like this:

localStorage.queries;

If you don't require the data to persist beyond a page refresh, consider using sessionStorage.

Tips for transferring an array between two applications using AngularJS

Answer №1

Similar questions

Modify the paragraph's class upon clicking the radio button

Retrieve and modify the various elements belonging to a specific category

Stop the selection of text within rt tags (furigana)

Reverting back to PDF using jQuery

Creating JSON arrays for multiple elements using the same model name

Node.js and Express: tackling the problem of duplicate variables

Managing state with Apollo within a component

Design a div in the shape of a trapezium with clipped overflow

Organizing MVC5 with Angular JS: How to Create an Effective Folder Structure

Building an anchor tag that employs the HTTP DELETE method within an Express.js app

What could be causing the submenus in my intricate menu component to lose focus when input is entered?

The file upload issue with FormData append in CodeIgniter is causing errors

Placing JavaScript at the bottom of the page, sourced from a Partial Page

Expanding Arrays in TypeScript for a particular type

Refresh Ajax/Javascripts following the loading of new data with .html() function

What is the best way to remove any objects in this array that have empty strings as values?

What is the method for accessing a marker from beyond the map on OpenStreetMap?

The new Date function is malfunctioning on Firefox

Utilizing Laravel to Showcase Google Maps with Custom Markers Generated from MySQL Data

Unlocking keys of JavaScript class prior to class initialization