使用 Onsen UI ons.platform isAndroidTablet()答案

【问题标题】：Using Onsen UI ons.platform isAndroidTablet()使用 Onsen UI ons.platform isAndroidTablet()
【发布时间】：2018-01-21 04:28:06
【问题描述】：

我正在开发简单的混合应用程序，我正在使用纯 JavaScript 的 Onsen UI，到目前为止一切正常。我唯一的问题是确定移动设备是平板电脑还是手机。我找到了ons.platform 参考和isAndroidTablet() 方法，但我不知道如何使用它。我使用<ons-if orientation="landscape"> 和<ons-if platform="android"> 在横向和/或android 中修改了一些DOM 元素，效果很好，但如果我可以使用isAndroidTablet() 选项，那就太好了。我一直在到处寻找，但除了 Onsen UI 页面上已有的文档外，我找不到任何文档。这是我到目前为止所拥有的：

 <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">。有没有人有这方面的经验？谢谢！

【问题讨论】：

标签： javascript android onsen-ui onsen-ui2

【解决方案1】：

我没有使用Onsen UI 的经验，但据我所知，它是基于angular2（或react 或vue）。如果你使用angular，理论上，你可以在你的模板中使用*ngIf。就像一个

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

Here你可以找到一些我之前说的模板示例

【讨论】：

感谢@csanonymus，实际上我发现答案很好地隐藏在 Onsen UI 文档link 中。然后我添加了console.log(ons.platform.isAndroidTablet()); 用于测试目的，它运行良好。