2016-09-07 22 views
2

ionicのアプリのような管理者は、大規模な解像度のモニタ画面にフィットするようなWebアプリケーションを作りたいと思っていますが、イオン性液体は主にモバイルアプリ用に設計されています将来私はいくつかの列を削除して、モバイルアプリの解像度に合わせることもできます。イオン2大画面解像度のアプリ

解像度のサイズを確認し、それに基づいてコンテンツを表示または非表示にする方法はありますか。

マイク

答えて

1

あなたはレイアウトがプラットフォーム情報を使用することによって示されようとしている方法を決めることができました:

Platform Name Description 
android  on a device running Android. 
cordova  on a device running Cordova. 
core   on a desktop device. 
ios   on a device running iOS. 
ipad   on an iPad device. 
iphone   on an iPhone device. 
mobile   on a mobile device. 
mobileweb  in a browser on a mobile device. 
phablet  on a phablet device. 
tablet   on a tablet device. 
windows  on a device running Windows. 

基盤となるプラットフォームの情報を使用することによりアプリが表示されている場合は、レイアウトを適応させることができデスクトップ(コア)または錠剤(アプリまたはタブレット)に等:を設定し、* ngIf、showWhenを用いて

this.isDesktop = this.platform.is('core'); 
this.isTabletOrIpad = this.platform.is('tablet') || this.platform.is('ipad'); 

そしてをご利用ください。適切なレイアウトをデザインするために、あなたの意見に必要なものは何でも構いません。

プラットフォーム情報の使用は、ビュー内だけでなくコンポーネントコード内でも重要であることに注意してください。そうすれば、後でビューに表示されないコードの初期化や実行を避けることができます(たとえば、デスクトップに表示するマップをロードするのは意味がありません。アプリケーションがモバイルデバイスで使用されているため、ビューに表示する)。

+0

非常に役に立ちました –

+0

私は助けてくれると嬉しいです – sebaferreras

+0

@sebaferreras実際のIpadのケースであることを確認できませんが、Chromeのエミュレータでは、Ipadは既に「タブレット」として認識されていますIonic2。だからあなたの '||'は必須ではないようです。 –