Styjun

Why should public servants be apolitical?

Did Captain America make out with his niece?

Will a paper be retracted if a flaw in released software code invalidates its central idea?

Is there a Kolmogorov complexity proof of the prime number theorem?

Did Apollo leave poop on the moon?

How can I make Ubuntu run well (including with wifi) on a 32-bit machine?

What are these mathematical groups in U.S. universities?

"How do you solve a problem like Maria?"

Validation and verification of mathematical models

Best way to explain to my boss that I cannot attend a team summit because it is on Rosh Hashana or any other Jewish Holiday

If a pawn is promoted to queen beside the king is the king instantly in check?

Can chords be inferred from melody alone?

Does bottle color affect mold growth?

Japanese equivalent of a brain fart

Is it allowed and safe to carry a passenger / non-pilot in the front seat of a small general aviation airplane?

History of cluster failover

If there were no space agencies, could a person go to space?

Why is Chromosome 1 called Chromosome 1?

Evolution of Pikachu: Pokemon Go

How can glass marbles naturally occur in a desert?

Is there a loss of quality when converting RGB to HEX?

Why should I "believe in" weak solutions to PDEs?

Why can I log in to my Facebook account with a misspelled email/password?

Premier League simulation

angular - can't run rxjs interval with angular universal

Angular HTML bindingAngular and Typescript: Can't find namesAngular HTTP GET with TypeScript error http.get(…).map is not a function in [null]What is the equivalent of ngShow and ngHide in Angular 2+?What is the correct way to share the result of an Angular Http network call in RxJs 5?Angular DI Error - EXCEPTION: Can't resolve all parametersAngular/RxJs When should I unsubscribe from `Subscription`Huge number of files generated for every Angular projectCan't bind to 'ngModel' since it isn't a known property of 'input'Angular 5 terminate a function after navigation

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I made a carousel effect through the RXJS's interval timing to change parameter.

I found that it works in development mode(ng serve), but it does not work properly in the universal mode, It's can't enter the page.

For example:

n: number = 0;
max: number = 5;

constructor()

ngOnInit() 
 this.carousel();


carousel() 
 this.subscription = interval(2000).subscribe(() => 
 //In universal, the console.log message show in node.js background log message not in browser console message. Each time the page is reorganized, it will be executed once and cannot be destroyed.
 console.log(`show the photo: $this.n`);
 if (this.n>this.max)
 this.n = 0;
 else
 this.n = this.n+1;
 
 


ngOnDestroy() 
 this.subscription.unsubscribe();

I found in universal model, assume that the carousel effect is on the page B, you can successfully enter page B through the link on page A, but opening page B directly will fail.

I tried to start the carousel in ngAfterContentInit() and it doesn't work.

angular rxjs

share|improve this question

edited Mar 27 at 8:38

Albert

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

add a comment | 

1

I made a carousel effect through the RXJS's interval timing to change parameter.

I found that it works in development mode(ng serve), but it does not work properly in the universal mode, It's can't enter the page.

For example:

n: number = 0;
max: number = 5;

constructor()

ngOnInit() 
 this.carousel();


carousel() 
 this.subscription = interval(2000).subscribe(() => 
 //In universal, the console.log message show in node.js background log message not in browser console message. Each time the page is reorganized, it will be executed once and cannot be destroyed.
 console.log(`show the photo: $this.n`);
 if (this.n>this.max)
 this.n = 0;
 else
 this.n = this.n+1;
 
 


ngOnDestroy() 
 this.subscription.unsubscribe();

I found in universal model, assume that the carousel effect is on the page B, you can successfully enter page B through the link on page A, but opening page B directly will fail.

I tried to start the carousel in ngAfterContentInit() and it doesn't work.

angular rxjs

share|improve this question

edited Mar 27 at 8:38

Albert

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

add a comment | 

I made a carousel effect through the RXJS's interval timing to change parameter.

I found that it works in development mode(ng serve), but it does not work properly in the universal mode, It's can't enter the page.

For example:

n: number = 0;
max: number = 5;

constructor()

ngOnInit() 
 this.carousel();


carousel() 
 this.subscription = interval(2000).subscribe(() => 
 //In universal, the console.log message show in node.js background log message not in browser console message. Each time the page is reorganized, it will be executed once and cannot be destroyed.
 console.log(`show the photo: $this.n`);
 if (this.n>this.max)
 this.n = 0;
 else
 this.n = this.n+1;
 
 


ngOnDestroy() 
 this.subscription.unsubscribe();

I found in universal model, assume that the carousel effect is on the page B, you can successfully enter page B through the link on page A, but opening page B directly will fail.

I tried to start the carousel in ngAfterContentInit() and it doesn't work.

angular rxjs

share|improve this question

edited Mar 27 at 8:38

Albert

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

n: number = 0;
max: number = 5;

constructor()

ngOnInit() 
 this.carousel();


carousel() 
 this.subscription = interval(2000).subscribe(() => 
 //In universal, the console.log message show in node.js background log message not in browser console message. Each time the page is reorganized, it will be executed once and cannot be destroyed.
 console.log(`show the photo: $this.n`);
 if (this.n>this.max)
 this.n = 0;
 else
 this.n = this.n+1;
 
 


ngOnDestroy() 
 this.subscription.unsubscribe();

angular rxjs

angular rxjs

share|improve this question

edited Mar 27 at 8:38

Albert

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

share|improve this question

edited Mar 27 at 8:38

Albert

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges

asked Mar 27 at 5:51

AlbertAlbert

16744 silver badges1717 bronze badges