使用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（）

回答

相关问题