Angular: белая страница, когда я использую setTimeout ⇐ Html

[Anonymous]

Я создал компонент вступительного экрана/заставки, который должен отображаться в течение 5 секунд, а затем автоматически переходить на страницу входа.
Странная вещь:

• Если я не использую setTimeout, Angular правильно отображает содержимое HTML-шаблона компонента.
• Как только я обертываю навигацию в setTimeout (или при любой асинхронной операции) страница остается совершенно пустой — ничего из шаблона не отображается.

Файл TS:
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
selector: 'app-introduction-page',
imports: [],
templateUrl: './introduction-page.html',
})
export class IntroductionPage implements OnInit{
private intervalId: any;

constructor(private router: Router) {
}

ngOnInit(): void {
setTimeout(() => {
this.router.navigate(['/login'])

}, 5000);}
}

HTML-файл:
Hello


Подробнее здесь: https://stackoverflow.com/questions/798 ... settimeout