question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic 5 + Angular, Maintain form data when revisiting page instead of clearing previously entered data

See original GitHub issue

Ionic version:

[x] 5.x

Current behavior:

I have created an IONIC 5 application with tab menu with 3 tabs named tab1 ,tab2 and tab3. For routing between tabs i’m using ionic lazy load. Inside Tab 3 page i have one more floating menu option with 5 different pages. example page1 ,page 2,page 3,page 4 and page 5. To provide routing between these pages i’m using routerLink.

ISSUE When i’m trying to visit the pages from floating menu that page state only remains constant and all other pages refreshing data when i trying to revisit that page from floating menu. Example :

  • From Tab 3 screen floating menu i’m selecting page 2 option and landing into that screen and entered some data.

  • Now from page 2 floating menu i’m selecting page 3 option and landing into that screen and entered some data.

  • So now from page 3 floating menu, selecting page 2 option and revisiting that page data entered before leaving the page is still visible.

  • But now when i visited back to page 3 in that page what i have entered data was cleared and looks like new page.

  • If i selected page 1 option for first from tab 3 screen then page 1 data will exists and remaining pages data cleared when revisited those other pages

Expected behavior:

Floating menu screens remains constant how many times when i switch between the pages using floating menu.

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 6.12.3 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.5.1
   @angular-devkit/build-angular : 0.901.12
   @angular-devkit/schematics    : 9.1.5
   @angular/cli                  : 9.1.5
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.1.0
   @capacitor/core : 2.4.2

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Madhukumar1226commented, Mar 26, 2021

@liamdebeasi CAN YOU PLEASE HELP ON THIS

0reactions
ionitron-bot[bot]commented, Apr 30, 2021

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

retain data in forms when going to another form and coming ...
I'm using ionic framework and angularjs. When completing this form and on submit goes to another page to enter a password. So i...
Read more >
Ionic 4 Tab to page then back to Tab did not trigger ...
I have an small application where user can edit their account and after edit user route back to my account page. Situation: My...
Read more >
Ionic 4 - StackController Page reuse uses old Page data #16516
It will then re-use a previous Page instance that does not contain the latest navigation data from the forward navigation to the same...
Read more >
New Ionic 5 Angular 8 Update and Delete Records with RxJS
https://www.9lessons.info.
Read more >
Advanced Forms & Validation in Ionic & Angular | Josh Morony
Most of these are pretty obvious. The required validator will ensure that a value is entered, minLength and maxLength ensure that the length...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found