Javascript 如何检测Angular 4中的浏览器版本以防止在IE中使用

Angular 4（typescript）中是否有一种方法可以帮助检测浏览器类型

我正在使用Angular 4，我想知道如何在加载应用程序时确定浏览器类型。我基本上不希望在有人使用IE时加载我的应用程序，或者显示他们需要使用chrome或firefox的消息

我已尝试使用以下库解决此问题，但它们存在问题或适用于较旧的angular版本：

• -angular 1.x支持此库，但我使用angular 4
• -在IE中启动时出现问题，因此无法按预期工作

在Angular 4或直接使用typescript中，检测浏览器类型（无论是代码还是合适的库）的替代方法有哪些

可以基于浏览器类型显示/隐藏零部件。我希望有帮助

@Component({
selector: 'my-component',
template: '
   <p *isChrome>I'll show you if I'm a Chrome Browser.</p>
   <p *isFirefox>I'll show you if I'm a Firefox Browser.</p>
   <p *isSafari>I'll show you if I'm a Safari Browser.</p>
   <p *isOpera>I'll show you if I'm a Opera Browser.</p>
   <p *isIE>I'll show you if I'm a Internet Explorer Browser.</p>
'
})

@组件({
选择器：“我的组件”，
模板：'
如果我是Chrome浏览器，我会告诉你

如果我是Firefox浏览器，我会告诉你

如果我是Safari浏览器，我会告诉你

如果我是Opera浏览器，我会告诉你

我将向您展示我是否是Internet Explorer浏览器

'
})

请告诉我您的问题是否已解决。Erica询问了使用IE时隐藏信息的方法。如何反转

*isIE

以不显示元素？