Я сделал эффект карусели через интервал времени RXJS, чтобы изменить параметр.
Я обнаружил, что он работает в режиме разработки (ng serve), но в режиме universal
он не работает должным образом, он не может войти на страницу.
Например:
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();
}
Я обнаружил в модели universal
, предположим, что эффект карусели находится на странице B
, вы можете успешно войти на страницу B по ссылке на странице A
, но открыть страницу B напрямую не удастся.
Я пытался запустить карусель в ngAfterContentInit()
, и она не работает.