2017-12-11 8 views
0

AngularJS 4アプリケーションを使用しており、メインアプリケーションディレクティブをIEブラウザで表示しない場合にのみレンダリングします。Angular-4アプリケーションは、IEでディレクティブがロードされないようにします

IEの場合は、このアプリケーションがIE(6から11のすべてのバージョン)で使用できないことを示すメッセージを表示したいと思います。

IEコメントはIE 10以降ではサポートされなくなりました。どのように今、IEのすべてのブラウザで上記を行うのですか?

+0

あなたは何を試しましたか? – messerbill

答えて

0

現在使用しているブラウザを確認するには、ua-parser-js(npmまたはgithub)を使用します。あなたの指示が別のことをすることができることがわかったら。

2つのディレクティブ(アプリケーションメインディレクティブと2つのメッセージディレクティブ)を使用する方がよいでしょう。アプリが読み込まれる前にブラウザのタイプを決めてから、現在のブラウザ名に応じてngIfを使ってブラウザのタイプをオン/オフに設定することができます。

希望すると便利です。

+0

このライブラリを角度4で使用できますか?ライブラリはバージョン1.xをサポートしているようです。 ? – Erica

+0

プロジェクトにnpmをインストールしたら、それを 'ua-parser-js"から 'import * ua_parser 'としてインポートすることができます。ここのヘルプはhttps://hackernoon.com/how-to-use-javascript-libraries-in-angular-2-apps-ff274ba601afで利用できます。お役に立てれば! – Abhi

0

Internet Explorer doesn't support the navigator object

あなたは単に行うことができますが、私はHTML 5のファイルAPIのためにそれを使用して覚えて

if (!navigator) { /* do your stuff */ } 

でかなりうまく動作します!

関連する問題