What is the best way to send a large amount of data to a view in Angular without the need for persistence?

Question

What is the best way to send a large amount of data to a view in Angular without the need for persistence?

One way to retrieve data in a view is by utilizing a service or making an HTTP call to a database.

Data can also be accessed through parameters in the URL or via the query string.

However, what if you need to pass a large amount of non-persistent data into a view?

For instance, suppose I have a form for creating a Thing and I want users to preview it. The show view for Thing already exists, but there's too much information to display in a modal or on the same page.

Using a service may seem unnecessary, and using a database definitely seems excessive.
Passing the data through the URL could be considered excessive as well.
Have you thought about using $sessionStorage?

What are your thoughts? Is there a best practice for handling this situation?

javascript angularjs architecture

Answer 1

Answer №1

Utilizing a service can be a beneficial approach. The initial step involves setting the service data, while subsequent steps involve retrieving it.

If you are looking to avoid persisting the data, one option is to broadcast the data from one view (controller/directive/service) to another.

View1:

$scope.$root.$broadcast('bigdata', data);

View2:

$scope.$on('bigdata', function(e, data) {
  // Handle the data that will be automatically garbage collected after this callback ends
});

Answer 2

Utilizing a service can be a beneficial approach. The initial step involves setting the service data, while subsequent steps involve retrieving it.

If you are looking to avoid persisting the data, one option is to broadcast the data from one view (controller/directive/service) to another.

View1:

$scope.$root.$broadcast('bigdata', data);

View2:

$scope.$on('bigdata', function(e, data) {
  // Handle the data that will be automatically garbage collected after this callback ends
});

What is the best way to send a large amount of data to a view in Angular without the need for persistence?

Answer №1

Similar questions

Upon initialization, navigate to the specified location in the route by scrolling

Is it possible to modify a specific index within an array stored in Firestore?

The color of each vertex reflects its elevation

React Hooks encountering issues with keydown/up events functionality

The dropdown menu disappears when I hover over the tab, making it impossible for me to navigate it in the react app

Attempting to develop a Chrome Cordova application, however encountering the issue of navigator being undefined

Numerous classifications and tags available for c3-angular-directive-c3 charts

Tips for adjusting the animation position in Off-Canvas Menu Effects

Testing an Angular service with dependencies on AngularJS services

Revolving mechanism within React.js

How can I ensure that the state is only updated after the map function has finished executing in React?

Enhancing Angular 4 classes with dependency injection techniques

I must be patient until the component is visible on the screen, says Protractor

The scrollbar will be visible only when the mouse hovers over the table

Activate hover effect on toggle button

Utilize React Native to continuously fetch and display data from this API

I am utilizing jQuery's AJAX function with a datatype of HTML to extract a specific portion of the incoming data

performing various actions using jQuery ajax

Generate a hard copy of the data table row without needing to view it beforehand

Updating documents in MongoDB periodically at specified intervals