Styjun

Last survivors from different time periods living together

SF novella separating the dumb majority from the intelligent part of mankind

Why does the Schrödinger equation work so well for the Hydrogen atom despite the relativistic boundary at the nucleus?

What risks are there when you clear your cookies instead of logging off?

Why only the fundamental frequency component is said to give useful power?

Why does NASA use higher frequencies even though they have worse Free Space Path Loss (FSPL)?

Do any instruments not produce overtones?

Do the English have an ancient (obsolete) verb for the action of the book opening?

Can you really not move between grapples/shoves?

How can you travel on a trans-Siberian train when it is fully booked?

Why is the application of an oracle function not a measurement?

Avoiding cliches when writing gods

What is the purpose of building foundations?

Smooth switching between 12v batteries, with toggle switch

How hard would it be to convert a glider into an powered electric aircraft?

Java guess the number

What do we gain with higher order logics?

Translating 'Liber'

The economics of a "no deal" Brexit

What are the words for people who cause trouble believing they know better?

siunitx error: Invalid numerical input

Building a road to escape Earth's gravity by making a pyramid on Antartica

How to make thick Asian sauces?

4*4*4 Rubiks cube Top Layer Issue

Angular route component doesn't get updated destroyed and loaded again

Angular 2 @ViewChild annotation returns undefinedangular 2 - Attempt to use a destroyed viewAngular 2 - Route with multiple parameters not loading its assigned component twiceAngular 2 - Load route component and then gets back to previous componentAngular 2 does not update the contents of the array in the componentAngular 5 Component Not Updating When Observable ReturnsUpdate Angular5 Component from a Parameterised RouteAngular update content on click browser back/forwardAngular Component reloads after navigating away from pageUpdate an array from another component in Angular 6

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I got an issue with angular 2+ when a component is loaded then changed to another route, and then loaded again.

I got following code loading an array which then gets loaded in ngFor.

this.sub = this.subjectsService.getAllSubjects().subscribe(subjects => 
 this.subjects = subjects;
);

If I added an item on the first load, it gets loaded correctly but if I change to another component and then go back, and then add an item, then the added value is not added to the list.

I've checked that the array is reset in subscribe but somehow angular just doesn't trigger html update. Any ideas of why this happens?

angular typescript angular5 observable ngrx

share|improve this question

asked Mar 24 at 15:18

EriendelEriendel

2581417

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you adding items to subjects array?
  
  – Thivanka Saranatha
  Mar 24 at 15:39
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Have you remembered to unsubscribe from this.sub before you leave the component?
  
  – SnorreDan
  Mar 24 at 16:32
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Tried to unsubscribe. Doesn't help. And no, it's just an array of plain objects which are called subjects but that's not rxjs subjects.
  
  – Eriendel
  Mar 25 at 7:33
  

  
  
  
  

add a comment | 

0

I got an issue with angular 2+ when a component is loaded then changed to another route, and then loaded again.

I got following code loading an array which then gets loaded in ngFor.

this.sub = this.subjectsService.getAllSubjects().subscribe(subjects => 
 this.subjects = subjects;
);

If I added an item on the first load, it gets loaded correctly but if I change to another component and then go back, and then add an item, then the added value is not added to the list.

I've checked that the array is reset in subscribe but somehow angular just doesn't trigger html update. Any ideas of why this happens?

angular typescript angular5 observable ngrx

share|improve this question

asked Mar 24 at 15:18

EriendelEriendel

2581417

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you adding items to subjects array?
  
  – Thivanka Saranatha
  Mar 24 at 15:39
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Have you remembered to unsubscribe from this.sub before you leave the component?
  
  – SnorreDan
  Mar 24 at 16:32
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Tried to unsubscribe. Doesn't help. And no, it's just an array of plain objects which are called subjects but that's not rxjs subjects.
  
  – Eriendel
  Mar 25 at 7:33
  

  
  
  
  

add a comment | 

I got an issue with angular 2+ when a component is loaded then changed to another route, and then loaded again.

I got following code loading an array which then gets loaded in ngFor.

this.sub = this.subjectsService.getAllSubjects().subscribe(subjects => 
 this.subjects = subjects;
);

If I added an item on the first load, it gets loaded correctly but if I change to another component and then go back, and then add an item, then the added value is not added to the list.

I've checked that the array is reset in subscribe but somehow angular just doesn't trigger html update. Any ideas of why this happens?

angular typescript angular5 observable ngrx

share|improve this question

asked Mar 24 at 15:18

EriendelEriendel

2581417

this.sub = this.subjectsService.getAllSubjects().subscribe(subjects => 
 this.subjects = subjects;
);

angular typescript angular5 observable ngrx

angular typescript angular5 observable ngrx

share|improve this question

asked Mar 24 at 15:18

EriendelEriendel

2581417

share|improve this question

asked Mar 24 at 15:18

EriendelEriendel

2581417

asked Mar 24 at 15:18

EriendelEriendel

2581417

asked Mar 24 at 15:18

EriendelEriendel

2581417

1 Answer
1

active

oldest

votes

1

As mentioned in comments above, you'll want to unsubscribe. Here's a quick example to help.

import OnDestroy from '@angular/core';


class XXXXXX implements OnDestroy 

 ngOnDestroy() 
 this.sub.unsubscribe();
 

share|improve this answer

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I said in the comment above that I've tried it. It doesn't help.
  
  – Eriendel
  Mar 25 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Oh, well that kind of helped. I just also needed to resubscribe on each edit of the list.
  
  – Eriendel
  Mar 25 at 10:18
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Ah yes, calling subscribe causes the observable to execute. The code you posted didn't give full context of how you were using it. Glad you got it figured out.
  
  – Joshua Brokaw
  Mar 25 at 12:43
  

  
  
  
  

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
);



);

draft saved

draft discarded

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

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55325276%2fangular-route-component-doesnt-get-updated-destroyed-and-loaded-again%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

As mentioned in comments above, you'll want to unsubscribe. Here's a quick example to help.

import OnDestroy from '@angular/core';


class XXXXXX implements OnDestroy 

 ngOnDestroy() 
 this.sub.unsubscribe();
 

share|improve this answer

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I said in the comment above that I've tried it. It doesn't help.
  
  – Eriendel
  Mar 25 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Oh, well that kind of helped. I just also needed to resubscribe on each edit of the list.
  
  – Eriendel
  Mar 25 at 10:18
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Ah yes, calling subscribe causes the observable to execute. The code you posted didn't give full context of how you were using it. Glad you got it figured out.
  
  – Joshua Brokaw
  Mar 25 at 12:43
  

  
  
  
  

add a comment | 

1

As mentioned in comments above, you'll want to unsubscribe. Here's a quick example to help.

import OnDestroy from '@angular/core';


class XXXXXX implements OnDestroy 

 ngOnDestroy() 
 this.sub.unsubscribe();
 

share|improve this answer

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I said in the comment above that I've tried it. It doesn't help.
  
  – Eriendel
  Mar 25 at 9:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Oh, well that kind of helped. I just also needed to resubscribe on each edit of the list.
  
  – Eriendel
  Mar 25 at 10:18
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Ah yes, calling subscribe causes the observable to execute. The code you posted didn't give full context of how you were using it. Glad you got it figured out.
  
  – Joshua Brokaw
  Mar 25 at 12:43
  

  
  
  
  

add a comment | 

As mentioned in comments above, you'll want to unsubscribe. Here's a quick example to help.

import OnDestroy from '@angular/core';


class XXXXXX implements OnDestroy 

 ngOnDestroy() 
 this.sub.unsubscribe();
 

share|improve this answer

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

import OnDestroy from '@angular/core';


class XXXXXX implements OnDestroy 

 ngOnDestroy() 
 this.sub.unsubscribe();
 

share|improve this answer

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414

answered Mar 24 at 18:34

Joshua BrokawJoshua Brokaw

414