使用离子列表使用电离框架查看主详细信息

Question

我正在开发一个离子型应用程序，我需要使用视图，所以在小屏幕上我会显示列表，然后单击item go to details (这已经完成了)，对于大屏幕，列表与details屏幕并排(查看图像)：

小型器件

​

​

​

​

大型器件

​

​

如果有人能帮我提个主意，或者他知道怎么做的话，我将心存感激。

Answer 1

我不知道如何检查设备的实际大小。但是，我知道如何检查屏幕的大小，您可以使用$window.innerWidth和$window.innerHeight进行检查。

如果您能够找到一种获得屏幕像素密度的方法，您将能够计算屏幕的大小，然后让它在计算的基础上切换视图。您可以通过对内容使用ng-if来做到这一点。

在所有手机上，你的应用程序看起来都是一样的，因为运行离子型应用程序的webview组件处理所有屏幕大小。