2017-08-12 14 views
0

私はシンプルなハイブリッドアプリケーションに取り組んでいます。純粋にJavaScriptを使用しているOnsen UIを使用しています。私が持っている唯一の問題は、モバイルデバイスがタブレットか電話かを判断することです。私はons.platformの参照とisAndroidTablet()の方法を見つけましたが、どのように使用するのか分かりません。私は<ons-if orientation="landscape"><ons-if platform="android">を使用して、横向きやアンドロイドでいくつかのDOM要素を修正しました。これはうまくいきますが、このisAndroidTablet()オプションを使用することができれば、それは素晴らしいことになります。私はどこからでも見てきましたが、すでにOnsen UIページに書かれているドキュメントに加えて、ドキュメントを見つけることができません。Onsen UI ons.platform isAndroidTablet()を使用しています

<ons-if orientation="landscape"> 
    <div id="overlay"> 
    <ons-scroller style="height:300px"> 
     <ons-list id="theList"> 
     </ons-list> 
    </ons-scroller> 
    <ons-if platform="android">I'm Android 
    </ons-if> 
    </div> 
</ons-if> 

私は私が行う必要がありますね何isAndroidTablet()ようなもので<ons-if orientation="landscape">を交換したいと思います:これは私がこれまで持っているものです。誰もがこれに関する経験をしていますか?ありがとう!

答えて

1

私はOnsen UI経験がないが、私が見たものから、それはangular2(またはreactまたはvue)に基づいています。あなたがangularを使用する場合は、理論的には、あなたは私が

+0

おかげ@csanonymus以前言ったことに、いくつかのテンプレートの例を見つけることができます

<div *ngIf="isAndroidTablet()">...</div> 

Hereのように...あなたのテンプレートで*ngIfを使用することができ、私は実際に答えを見つけましたOnsen UI documentation [link](https://onsen.io/v2/guide/theming.html#cross-platform-styling-autostyling)に隠されています。次に、テスト目的で 'console.log(ons.platform.isAndroidTablet());'を追加したところ、完全に機能しました。 – cubanGuy

関連する問題