角度4を使って画面解像度を検出する

Question

私は応答性の高いナビゲーションバーを作成しようとしており、メディアクエリを使用したくないので、画面解像度を基準として*ngIFを使用するつもりです。 しかし、角度4の画面解像度の検出方法やドキュメントが見つからないため、問題が発生しています。 JavaScriptメソッドも試しましたが、サポートされていません。

私もfollowingを試してみました：

イオン

に使用された

constructor(platform: Platform) { 
    platform.ready().then((readySource) => { 
     console.log('Width: ' + platform.width()); 
     console.log('Height: ' + platform.height()); 
    }); 
} 

とscreen.availHeight

しかし、まだありません成功。

Answer 1

を役に立てば幸い使用することができます。

@HostListener('window:resize', ['$event']) 
onResize(event) { 
    this.innerWidth = window.innerWidth; 
} 

Answer 2

あなたはこの https://github.com/ManuCutillas/ng2-responsive それはあなたがそれがリサイズに更新を維持したい場合のinit

public innerWidth: any; 
ngOnInit() { 
    this.innerWidth = window.innerWidth; 
} 

にそれを得るために:-)

Answer 3

Platformwidth()とheight()のドキュメントでは、これらのメソッドそれぞれwindow.innerWidthとwindow.innerHeightを使用します。しかし、ディメンションがキャッシュされた値であるため、メソッドの使用が優先され、複数の高価なDOM読み込みの可能性が減ります。

import { Platform } from 'ionic-angular'; 

... 
private width:number; 
private height:number; 

constructor(private platform: Platform){ 
    platform.ready().then(() => { 
     this.width = platform.width(); 
     this.height = platform.height(); 
    }); 
}