whether you need a cache factory or a regular object

Question

whether you need a cache factory or a regular object

As I embark on creating a mid-sized Angular application, one of my requirements is to store data and utilize it at the end of the user journey for sending to the server (as per company security policy regarding customer data transport). As a relatively new Angular developer, I have been exploring various approaches and have concluded that utilizing a "dataFactory" or service would be the best way to go in order to maintain cleanliness in the app without cluttering it with a "master controller," etc.

My specific query pertains to whether I should simply use a normal variable within this service to assign key:value pairs, or if it would be more optimal to create a cacheFactory within the service to store the data. What are the advantages and disadvantages of each approach?

javascript angularjs

Answer 1

Answer №1

To effectively manage your data, it is recommended to create a dedicated service.

It is widely acknowledged that global variables are not good practice - the same principle applies to using a normal object buried within your code.

A possible solution is outlined below:

// service
myApp.service('controllerSharingData', function() {
  var __variables = {};

  return {
   get: function(varname) {
    return (typeof __variables[varname] !== 'undefined') ? __variables[varname] : false;
   },
   set: function(varname, value) {
    __variables[varname] = value;
   }
  };
});

// controllers
myApp.controller('IndexCtrl', function($scope, controllerSharingData) {
  controllerSharingData.set('toto', 'hello world');
});

myApp.controller('ListCtrl', function($scope, controllerSharingData) {
  alert(controllerSharingData.get('toto'));
});

Answer 2

To effectively manage your data, it is recommended to create a dedicated service.

It is widely acknowledged that global variables are not good practice - the same principle applies to using a normal object buried within your code.

A possible solution is outlined below:

// service
myApp.service('controllerSharingData', function() {
  var __variables = {};

  return {
   get: function(varname) {
    return (typeof __variables[varname] !== 'undefined') ? __variables[varname] : false;
   },
   set: function(varname, value) {
    __variables[varname] = value;
   }
  };
});

// controllers
myApp.controller('IndexCtrl', function($scope, controllerSharingData) {
  controllerSharingData.set('toto', 'hello world');
});

myApp.controller('ListCtrl', function($scope, controllerSharingData) {
  alert(controllerSharingData.get('toto'));
});

whether you need a cache factory or a regular object

Answer №1

Similar questions

Manipulate CSS Properties with Javascript Based on Dropdown Selection

Access the Angular element in the view with jQuery

Creating Pop-up Dialog Boxes in WebForms Using jQuery

The customized cursor image fails to load after switching the application URL from http to https

What causes the initial AJAX response to be delayed by 10 seconds when using setInterval()?

Having difficulty accessing `props` in a React JS and Next JS application

What could be the reason why I am unable to load the ejs file?

Encountering Undefined Object Error in Angular Framework

What is causing the chat-widget to display a null value for the style read property?

Is there a way to transform time into a percentage with the help of the moment

Alternative to Webpack for modifying global variables in preloaded modules

Which free and publicly accessible JSON image API is available for testing JSON requests?

Creating a CSS3DObject with clickable functionality

Continuing to use a function multiple times may lead to a type error as it is not a

Triggered by each user interaction, the callback function is activated

The $apply method is behaving unexpectedly when attempting to add new data

Hiding a Material-UI raised button during printing: Tips and tricks

Issues with Angular and Bootstrap: ng-hide functionality not functioning correctly

Form submission using AJAX is failing to send the data correctly

Tips for using conditional rendering with React and TypeScript