使用Onsen UI ons.platform isAndroidTablet（）

我正在使用簡單的混合應用程序，我使用純粹的JavaScript使用Onsen UI，並且所有工作都很順利。我唯一的問題是確定移動設備是平板電腦還是手機。我發現ons.platform參考，和isAndroidTablet()方法，但我無法弄清楚如何使用它。我使用<ons-if orientation="landscape">和<ons-if platform="android">在橫向和/或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">。那裏的任何人都有過這方面的經驗？謝謝！

來源

2017-08-12 cubanGuy

我對Onsen UI沒有任何經驗，但從我看到它基於的是angular2（或react或vue）。如果你使用angular，從理論上說，你可以在你的模板使用*ngIf ..像

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

Here你可以找到我剛纔所說

來源

2017-08-13 00:17:49 csanonymus

感謝@csanonymus一些模板例子，我居然找到了答案深入隱藏在溫泉用戶界面文檔中[鏈接]（https://onsen.io/v2/guide/theming.html#cross-platform-styling-autostyling）。然後我只是添加'console.log（ons.platform.isAndroidTablet（））;'出於測試目的，它的工作完美。 – cubanGuy

使用Onsen UI ons.platform isAndroidTablet（）

回答

相關問題