Angular :如果当前浏览器是Internet Explorer，如何重定向到静态unsupported.html页面？

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-unsupported',
  templateUrl: './unsupported.component.html',
  styleUrls: ['./unsupported.component.css']
})
export class UnsupportedComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit(): void {
    const isIE = /msie\s|trident\//i.test(window.navigator.userAgent);
    if (isIE) {
      this.router.navigate(['/unsupported']);
    }
  }

}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { UnsupportedComponent } from './unsupported/unsupported.component';

const routes: Routes = [
  { path: 'unsupported', component: UnsupportedComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

import { Router } from '@angular/router';

constructor(private router: Router) { }

ngOnInit(): void {
  const isIE = /msie\s|trident\//i.test(window.navigator.userAgent);
  if (isIE) {
    this.router.navigate(['/unsupported']);
  }
}