How to make angular router hide the URL and stay at the same page after refresh? The 2019 Stack Overflow Developer Survey Results Are InAngular2 child routes not workingAngular 2 Router: Not returning to base href after page reloadHow do I force the router to update the current route in Angular 2?Lazy Load to route other than empty route in Angular 2ordering object creation in angularAngular 4 routing works for only one next routeWhy does refreshing on guarded page redirect me to root, and not my specified redirection?Angular Routing to different paths for one componentInitialize a variable only once in Angular 6, not after every page refreshAngular 6 same router.navigate causes refresh when called from another component
Is flight data recorder erased after every flight?
Why was M87 targetted for the Event Horizon Telescope instead of Sagittarius A*?
How are circuits which use complex ICs normally simulated?
Why is the maximum length of OpenWrt’s root password 8 characters?
Pokemon Turn Based battle (Python)
During Temple times, who can butcher a kosher animal?
Deal with toxic manager when you can't quit
What does Linus Torvalds mean when he says that Git "never ever" tracks a file?
Write faster on AT24C32
Why can Shazam fly?
What is the closest word meaning "respect for time / mindful"
Is an up-to-date browser secure on an out-of-date OS?
Aging parents with no investments
Right tool to dig six foot holes?
How to save as into a customized destination on macOS?
Time travel alters history but people keep saying nothing's changed
Multiply Two Integer Polynomials
Why did Acorn's A3000 have red function keys?
How to deal with fear of taking dependencies
Is there any way to tell whether the shot is going to hit you or not?
Who coined the term "madman theory"?
Is there a symbol for a right arrow with a square in the middle?
Are there incongruent pythagorean triangles with the same perimeter and same area?
Can you compress metal and what would be the consequences?
How to make angular router hide the URL and stay at the same page after refresh?
The 2019 Stack Overflow Developer Survey Results Are InAngular2 child routes not workingAngular 2 Router: Not returning to base href after page reloadHow do I force the router to update the current route in Angular 2?Lazy Load to route other than empty route in Angular 2ordering object creation in angularAngular 4 routing works for only one next routeWhy does refreshing on guarded page redirect me to root, and not my specified redirection?Angular Routing to different paths for one componentInitialize a variable only once in Angular 6, not after every page refreshAngular 6 same router.navigate causes refresh when called from another component
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm using the navigate to switch the page and trying to keep the same page after I refresh the page by "F5":
routing.ts:
const routes: Routes = [
path: '', redirectTo: '/gh', pathMatch: 'full' ,
path: 'gh', component: MainPageComponent ,
path: 'room', component: ChildRoomComponent ,
path: 'room_detail', component: ChildRoomDetailComponent ,
path: 'room_detail/:id', component: ChildRoomDetailComponent ,
];
Page 1:
linkToDetail(data: Room)
this.router.navigate(['/room_detail', data.id], skipLocationChange: true );
Page 2:
constructor(
private api: ApiService,
private router: Router,
private route: ActivatedRoute
)
ngOnInit()
this.roomId = this.route.snapshot.params.id;
this.router.navigate(['room_detail', this.roomId]);
When page 1 switch to page 2 and refresh, but it just navigate to my index page somehow.
angular typescript asked Mar 22 at 3:40
jimjim
1
add a comment |
I'm using the navigate to switch the page and trying to keep the same page after I refresh the page by "F5":
routing.ts:
const routes: Routes = [
path: '', redirectTo: '/gh', pathMatch: 'full' ,
path: 'gh', component: MainPageComponent ,
path: 'room', component: ChildRoomComponent ,
path: 'room_detail', component: ChildRoomDetailComponent ,
path: 'room_detail/:id', component: ChildRoomDetailComponent ,
];
Page 1:
linkToDetail(data: Room)
this.router.navigate(['/room_detail', data.id], skipLocationChange: true );
Page 2:
constructor(
private api: ApiService,
private router: Router,
private route: ActivatedRoute
)
ngOnInit()
this.roomId = this.route.snapshot.params.id;
this.router.navigate(['room_detail', this.roomId]);
When page 1 switch to page 2 and refresh, but it just navigate to my index page somehow.
angular typescript asked Mar 22 at 3:40
jimjim
1
2
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51
add a comment |
I'm using the navigate to switch the page and trying to keep the same page after I refresh the page by "F5":
routing.ts:
const routes: Routes = [
path: '', redirectTo: '/gh', pathMatch: 'full' ,
path: 'gh', component: MainPageComponent ,
path: 'room', component: ChildRoomComponent ,
path: 'room_detail', component: ChildRoomDetailComponent ,
path: 'room_detail/:id', component: ChildRoomDetailComponent ,
];
Page 1:
linkToDetail(data: Room)
this.router.navigate(['/room_detail', data.id], skipLocationChange: true );
Page 2:
constructor(
private api: ApiService,
private router: Router,
private route: ActivatedRoute
)
ngOnInit()
this.roomId = this.route.snapshot.params.id;
this.router.navigate(['room_detail', this.roomId]);
When page 1 switch to page 2 and refresh, but it just navigate to my index page somehow.
angular typescript asked Mar 22 at 3:40
jimjim
1
I'm using the navigate to switch the page and trying to keep the same page after I refresh the page by "F5":
routing.ts:
const routes: Routes = [
path: '', redirectTo: '/gh', pathMatch: 'full' ,
path: 'gh', component: MainPageComponent ,
path: 'room', component: ChildRoomComponent ,
path: 'room_detail', component: ChildRoomDetailComponent ,
path: 'room_detail/:id', component: ChildRoomDetailComponent ,
];
Page 1:
linkToDetail(data: Room)
this.router.navigate(['/room_detail', data.id], skipLocationChange: true );
Page 2:
constructor(
private api: ApiService,
private router: Router,
private route: ActivatedRoute
)
ngOnInit()
this.roomId = this.route.snapshot.params.id;
this.router.navigate(['room_detail', this.roomId]);
When page 1 switch to page 2 and refresh, but it just navigate to my index page somehow.
angular typescript angular typescript asked Mar 22 at 3:40
jimjim
1
asked Mar 22 at 3:40
jimjim
1
asked Mar 22 at 3:40
jimjim
1
asked Mar 22 at 3:40
jimjim
1
asked Mar 22 at 3:40
jimjim
1
1
2
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51
add a comment |
2
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51
2
2
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51
add a comment |
0
active
oldest
votes
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%2f55292552%2fhow-to-make-angular-router-hide-the-url-and-stay-at-the-same-page-after-refresh%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f55292552%2fhow-to-make-angular-router-hide-the-url-and-stay-at-the-same-page-after-refresh%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
2
Why is page 2 routing to itself in the init method?
– Adrian Brand
Mar 22 at 3:51