可以使用Ionic 2更改手机和平板电脑的布局吗？

Question

我看到Ionic 2有一个响应式网格系统,但这似乎只是让你创建一个网格样式布局.

我正在寻找能让我在平板电脑上以一种方式显示视图而在手机上以另一种方式显示视图的内容.在这个特定的例子中,我有一份工作清单.如果它是平板电脑,我还想在列表右侧显示一张地图并将其绘制出来.如何制作我理解的地图,但我如何告诉他们使用的是什么并显示正确的用户界面？

Answer 1

您可以使用以下platform信息决定如何显示布局:

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.

通过使用基础platform信息,您可以通过简单地执行以下操作来显示或隐藏事物(如果是a tablet或(或ipad)):

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

然后通过*ngIf在视图中使用或任何您需要的内容,或使用该isTabletOrIpad属性来决定是否初始化地图.