2017-11-24 6 views
0

私は私のプロジェクトがインターネットエクスプローラに開いて最初のコンポーネントを開いている場合は他のコンポーネントが別のブラウザで開くことを確認したい。私は、Internet Explorerのブラウザでプロジェクトを開くと、私はそれを開きますtexttoindex.component.html

import { Component, AfterViewInit} from '@angular/core'; 


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

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 


declare var $:JQueryStatic; 



var isIE; 
var isEdge = !isIE && !!(<any>window).StyleMedia; 
if(isEdge==true){ 


@Component({ 
    templateUrl: `./texttoindex.component.html`, 
    styleUrls: ['./textcss.css'] 
}) 
    export class CrisisCenterHomeComponent implements AfterViewInit{ 

ngAfterViewInit() { 
    } 
} 

}else{ 

@Component({ 
    templateUrl:'./interexplorer.html', 
    styleUrls:['./textcss.css'] 
}) 

export class CrisisCenterHomeComponent1 implements AfterViewInit{ 
    ngAfterViewInit(){} 
} 
} 

ブラウザがintenexexploereであるかどうかを確認し、次にhtmlを開いてください。 解決してください。

答えて

0

あなたがnavigator.userAgent使用することができ、海流ブラウザ名を取得する方法を知りたい場合は、次のhttps://www.w3schools.com/jsref/prop_nav_useragent.asp

をとコンポーネントbeetween切り替えるために、私はあなたがあなたの主成分のテンプレートでそれを行うことをお勧め:

<div *ngIf="isIE;then crisisCenterHome else crisisCenterHome1"></div> 
<ng-template #crisisCenterHome> 
    <app-crisis-center-home></app-crisis-center-home> 
</ng-template> 
<ng-template #crisisCenterHome1> 
    <app-crisis-center-home-one></app-crisis-center-home-one> 
</ng-template> 

isIEは主成分クラスに属している必要があります。

+0

こんにちは@Florian D私のプロジェクトでこれを実装するようになりました。 –

関連する問題