I have a component which uploads files to blob storage, I have side bar navigation in my app, I need a way so that if I have uploaded some files in my uploading component and went to another component without completing the files progress, when I revisit the uploading component I can still see the progress. I want let the uploading process continue even when the component is not in DOM. Is there a feasible solution for the above scenario, or do I need to create a global component for handling this.
Maintaining state of a component in angular
100 Views Asked by Abhishek Mandloi At
1
There are 1 best solutions below
Related Questions in ANGULAR
- Firebase link existing user to anonymous account?
- It doesnt always show all the books on my homepage
- Google adsense ads.txt status cannot be not found
- When I navigate to the URL'http://localhost:4200/', it redirects me back
- Ionic Angular Standalone ion-icon are not showing at all
- How to make Angular understand that view child is of a specific type, not a general ElementRef?
- vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
- How to perform CRUD operations on a static JSON array in Angular? (without API)
- Ngrx props<>() method in createAction()
- How to animate rotation of an image inside input control?
- Detecting click inside and outside of the listening component in Angular
- Angular - type guard not narrowing types
- In node_modules file i am getting Angular genric error while using fontawesome in angular12
- Angular 16 sending null values to API
- GoogleCloud Error: Not Found The requested URL was not found on this server
Related Questions in ANGULAR8
- update angular 8 to 9
- How to manipulate Array of Object based on condition Angular 8
- <tbody> tag is removed after @swimlane/ngx-charts & @swimlane/ngx-graph version upgrade in Angular 8
- How to make Cancellable api calls in loop in Angular?
- Angular 8.3 - Child not rendered, instead parent is being rendered
- How to submit the formarray in angular in the given format?
- how to build Angular source code in local?
- how to download Angular8 source code and make a fix for it in local
- How should I add values in 2-level array format to a formGroup?
- Error in The target entry-point "ng2-slim-loading-bar" has missing dependencies: rxjs/Observable
- How to display half year based on year selection and disable half year for future years Angular 8
- How to display the year in the dropdown when July month starts
- Angular agDatePickerComponent not working on empty or blank ag grid cell
- How to add new input fields for lists and pass those data to dialog in angular 14
- Angular 8 creating a link between 2 separate variables
Related Questions in SYNCFUSION
- C# Visual Studio Android App Showing a wrong not working Keypad on Entry text
- Razor page jumps to top on Chart mouseover
- Syncfusion edit grid with timezone issue
- How can I get Trendline Value from Syncfusion Chart
- How do I handle complex JSON information inside a CSV file?
- Blazor Web App: Problems with Json Reference Loop
- Flutter Syncfusion large PDF
- Flutter - Making a PDF viewer that would go to a particular paragraph on a particular page and highlight it
- Is there updated version of how to fill form using syncfusion PDF Flutter?
- Syncfusion.ListView Binding to observable collection (Xamarin)
- Is there a way to remove the date from the SyncFusion Scheduler tooltip?
- Syncfusion Calendar is not showing the first time interval
- Syncfusion Blazor. How to get the once current grid row (record)
- SfComboBox Selection Box Blank After Selection Until Clear Button Pressed
- Issues with text copying in the Syncfusion Document Editor
Related Questions in ASYNCFILEUPLOAD
- Firebase upload with JavaScript fails
- AjaxControlToolkit AsyncFileUpload : Get file path after upload by JavaScript
- Syncfusion how to get file details after upload in ASP.NET Core
- AjaxControlToolkit FileUpload not working
- Streaming upload to google cloud storage from multipart section
- Bootstrap file upload not working with ASP Ajax AsyncFileUpload
- Implementation for media and file uploading
- creating multiple asyncFileUpload dynamically
- UploadProgressChanged event not being called properly
- File Upload in WebdriverIO where we need to access the file explorer in Windows
- Django-Rest-Framework: How to build Async Directory/Folder upload and Bulk File upload
- how to upload the file in local public disk of laravel from vue js app?
- Problem with AsyncFileUpload in WebForm (after being published in server) - "AjaxControlToolkit.Properties.Resources.resources" not found
- Multiple file upload javascript
- Angular 9 | Firebase Storage | GET 404 error on [object%20HTMLImageElement]
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
When you switch to another page in the sidebar component, angular routing will happen. The Router destroys a routed component while visiting the previous page. You can store the data like filesData using the angular services. But we cannot maintain the state of the uploader. Kindly refer the below link,
Reference link: https://angular.io/guide/router