Angular 如何在浏览器选项卡更改时弹出引导模式?

Angular 如何在浏览器选项卡更改时弹出引导模式?,angular,typescript,twitter-bootstrap,angular9,Angular,Typescript,Twitter Bootstrap,Angular9,我制作了一个应用程序,如果用户更改选项卡超过1次,该应用程序将导航到另一个组件。到目前为止,这是完美的,但我希望应用程序也应该显示一个警告,如果他第一次改变标签。 现在,我已经设置了一个简单的警报消息,但是我想显示一个引导模式 import { HostListener } from '@angular/core'; c = 0; @HostListener('window:blur', ['$event']) onBlur(event: FocusEvent): void {

我制作了一个应用程序,如果用户更改选项卡超过1次,该应用程序将导航到另一个组件。到目前为止,这是完美的,但我希望应用程序也应该显示一个警告,如果他第一次改变标签。 现在,我已经设置了一个简单的
警报
消息,但是我想显示一个引导模式

import { HostListener } from '@angular/core';

c = 0;

@HostListener('window:blur', ['$event'])
  onBlur(event: FocusEvent): void {
    this.c++;
    if(this.c == 1)
    {alert('You shouldn't switch to another tab');}
    if(this.c > 1)
    {this.route.navigate(['./thankyou']);}
  }
这是我的密码。 如何修改它