Ionic 4 Angular router navigate and clear stack/history of previous pageIn Angular, how do you determine the active route?Ionic 2 - Side menu with navigation between pages (back button)Clear all queryParams with new Router v3 Angular2Ionic Components are not destroyed after navigate to another pageIssue with Ionic 4 angular page eventsStrange Routing Issue Angular 7 + Ionic 4 Betaionic 4 + angular: routerLink only works first timeIonic 4: How to set navigation direction (backward/forward) using routerLink?Navigate to root without back in ionic 4ionic 4 angular navigate as the set root and as the back button
How is the claim "I am in New York only if I am in America" the same as "If I am in New York, then I am in America?
Simulate Bitwise Cyclic Tag
A newer friend of my brother's gave him a load of baseball cards that are supposedly extremely valuable. Is this a scam?
how to create a data type and make it available in all Databases?
Accidentally leaked the solution to an assignment, what to do now? (I'm the prof)
What typically incentivizes a professor to change jobs to a lower ranking university?
Modification to Chariots for Heavy Cavalry Analogue for 4-armed race
Can you lasso down a wizard who is using the Levitate spell?
How do we improve the relationship with a client software team that performs poorly and is becoming less collaborative?
Why does not dark matter gather and form celestial bodies?
Should I join an office cleaning event for free?
What is the offset in a seaplane's hull?
"which" command doesn't work / path of Safari?
Why doesn't Newton's third law mean a person bounces back to where they started when they hit the ground?
Can a German sentence have two subjects?
DOS, create pipe for stdin/stdout of command.com(or 4dos.com) in C or Batch?
If Manufacturer spice model and Datasheet give different values which should I use?
Is it legal to have the "// (c) 2019 John Smith" header in all files when there are hundreds of contributors?
Why is an old chain unsafe?
Non-Jewish family in an Orthodox Jewish Wedding
How can bays and straits be determined in a procedurally generated map?
Copenhagen passport control - US citizen
Download, install and reboot computer at night if needed
When blogging recipes, how can I support both readers who want the narrative/journey and ones who want the printer-friendly recipe?
Ionic 4 Angular router navigate and clear stack/history of previous page
In Angular, how do you determine the active route?Ionic 2 - Side menu with navigation between pages (back button)Clear all queryParams with new Router v3 Angular2Ionic Components are not destroyed after navigate to another pageIssue with Ionic 4 angular page eventsStrange Routing Issue Angular 7 + Ionic 4 Betaionic 4 + angular: routerLink only works first timeIonic 4: How to set navigation direction (backward/forward) using routerLink?Navigate to root without back in ionic 4ionic 4 angular navigate as the set root and as the back button
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm developing an app using Ionic 4 with Angular router. I would like to navigate to another page and clear the page stack. In Android native, it's something like this:
Intent intent = new Intent(NewActivity.this, MainActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(intent);
From what I've read so far, it is possible using Ionic NavController but it is deprecating in Ionic 4. I learnt about buttons with routerLink but if I'm not mistaken, by using that the app will immediately navigate to the other page. I need to execute some logic before navigating to another page .
For example: Login page. After successful login, the user shouldn't be able to go back to the login page. Also, by clicking the 'login' button, it should call a function to process the login and decide to navigate/not navigate to another page.
Is there any way that I can achieve this with Angular router or do I need to rely on the deprecating Ionic NavController?
angular ionic-framework ionic4 angular-router asked Mar 8 at 6:12
tyntyn
85112
add a comment |
I'm developing an app using Ionic 4 with Angular router. I would like to navigate to another page and clear the page stack. In Android native, it's something like this:
Intent intent = new Intent(NewActivity.this, MainActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(intent);
From what I've read so far, it is possible using Ionic NavController but it is deprecating in Ionic 4. I learnt about buttons with routerLink but if I'm not mistaken, by using that the app will immediately navigate to the other page. I need to execute some logic before navigating to another page .
For example: Login page. After successful login, the user shouldn't be able to go back to the login page. Also, by clicking the 'login' button, it should call a function to process the login and decide to navigate/not navigate to another page.
Is there any way that I can achieve this with Angular router or do I need to rely on the deprecating Ionic NavController?
angular ionic-framework ionic4 angular-router asked Mar 8 at 6:12
tyntyn
85112
1
I had to kneel down toNavControllerfor this issue. its not fully deprecated, you can still use it. or else you can useionViewWillLeave()to empty your stack.
– Najam us saqib
Mar 8 at 7:19
@Najamussaqib I guess until I found the solution for Angular router, I'll just useNavControllerfor now
– tyn
Mar 11 at 2:38
add a comment |
I'm developing an app using Ionic 4 with Angular router. I would like to navigate to another page and clear the page stack. In Android native, it's something like this:
Intent intent = new Intent(NewActivity.this, MainActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(intent);
From what I've read so far, it is possible using Ionic NavController but it is deprecating in Ionic 4. I learnt about buttons with routerLink but if I'm not mistaken, by using that the app will immediately navigate to the other page. I need to execute some logic before navigating to another page .
For example: Login page. After successful login, the user shouldn't be able to go back to the login page. Also, by clicking the 'login' button, it should call a function to process the login and decide to navigate/not navigate to another page.
Is there any way that I can achieve this with Angular router or do I need to rely on the deprecating Ionic NavController?
angular ionic-framework ionic4 angular-router asked Mar 8 at 6:12
tyntyn
85112
I'm developing an app using Ionic 4 with Angular router. I would like to navigate to another page and clear the page stack. In Android native, it's something like this:
Intent intent = new Intent(NewActivity.this, MainActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(intent);
From what I've read so far, it is possible using Ionic NavController but it is deprecating in Ionic 4. I learnt about buttons with routerLink but if I'm not mistaken, by using that the app will immediately navigate to the other page. I need to execute some logic before navigating to another page .
For example: Login page. After successful login, the user shouldn't be able to go back to the login page. Also, by clicking the 'login' button, it should call a function to process the login and decide to navigate/not navigate to another page.
Is there any way that I can achieve this with Angular router or do I need to rely on the deprecating Ionic NavController?
angular ionic-framework ionic4 angular-router angular ionic-framework ionic4 angular-router asked Mar 8 at 6:12
tyntyn
85112
asked Mar 8 at 6:12
tyntyn
85112
asked Mar 8 at 6:12
tyntyn
85112
asked Mar 8 at 6:12
tyntyn
85112
asked Mar 8 at 6:12
tyntyn
85112
85112
1
I had to kneel down toNavControllerfor this issue. its not fully deprecated, you can still use it. or else you can useionViewWillLeave()to empty your stack.
– Najam us saqib
Mar 8 at 7:19
@Najamussaqib I guess until I found the solution for Angular router, I'll just useNavControllerfor now
– tyn
Mar 11 at 2:38
add a comment |
1
I had to kneel down toNavControllerfor this issue. its not fully deprecated, you can still use it. or else you can useionViewWillLeave()to empty your stack.
– Najam us saqib
Mar 8 at 7:19
@Najamussaqib I guess until I found the solution for Angular router, I'll just useNavControllerfor now
– tyn
Mar 11 at 2:38
1
1
I had to kneel down to
NavController for this issue. its not fully deprecated, you can still use it. or else you can use ionViewWillLeave() to empty your stack.– Najam us saqib
Mar 8 at 7:19
I had to kneel down to
NavController for this issue. its not fully deprecated, you can still use it. or else you can use ionViewWillLeave() to empty your stack.– Najam us saqib
Mar 8 at 7:19
@Najamussaqib I guess until I found the solution for Angular router, I'll just use
NavController for now– tyn
Mar 11 at 2:38
@Najamussaqib I guess until I found the solution for Angular router, I'll just use
NavController for now– tyn
Mar 11 at 2:38
add a comment |
1 Answer
1
active
oldest
votes
this.router.navigateByUrl('/login', skipLocationChange: true );
Navigates without pushing a new state into history.
https://angular.io/api/router/NavigationExtras
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55057685%2fionic-4-angular-router-navigate-and-clear-stack-history-of-previous-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
this.router.navigateByUrl('/login', skipLocationChange: true );
Navigates without pushing a new state into history.
https://angular.io/api/router/NavigationExtras
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
add a comment |
this.router.navigateByUrl('/login', skipLocationChange: true );
Navigates without pushing a new state into history.
https://angular.io/api/router/NavigationExtras
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
add a comment |
this.router.navigateByUrl('/login', skipLocationChange: true );
Navigates without pushing a new state into history.
https://angular.io/api/router/NavigationExtras
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
this.router.navigateByUrl('/login', skipLocationChange: true );
Navigates without pushing a new state into history.
https://angular.io/api/router/NavigationExtras
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
answered Mar 8 at 7:04
Jay OrdwayJay Ordway
7091326
7091326
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
add a comment |
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
It works on browser but not when deployed to device. I wonder why.. I need it to work on devices though.
– tyn
Mar 10 at 17:59
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
Update: It actually works but not on root page. Let's say login page is my root page & I'm navigating from login page to home page, it wont work. Login page will still be in history.
– tyn
Mar 11 at 3:24
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55057685%2fionic-4-angular-router-navigate-and-clear-stack-history-of-previous-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
I had to kneel down to
NavControllerfor this issue. its not fully deprecated, you can still use it. or else you can useionViewWillLeave()to empty your stack.– Najam us saqib
Mar 8 at 7:19
@Najamussaqib I guess until I found the solution for Angular router, I'll just use
NavControllerfor now– tyn
Mar 11 at 2:38