具有不同行为的角度响应列表

时间:2017-07-03 07:59:34

标签: list angular angular-material responsive

过去几天我一直试图在Angular中制作一个项目列表(第1.6个,现在是4个),并使用Angular Material,根据设备的大小,它的行为会有所不同。

在大屏幕上,我希望左侧有列表项目,所选项目的扩展细节占据了屏幕的大部分。

在移动设备(或任何小屏幕)上,预期的行为是让项目列表占据整个屏幕,通过转换到不同的屏幕(即状态)单击项目来显示扩展数据。

我设法在Angular 1.6中通过使用状态设计模式并根据屏幕大小向控制器注入点击处理程序来实现这一点。

这个问题有更优雅的解决方案吗? 在路由逻辑中使用路由并检查屏幕大小在我看来有点hackish,但我找不到更可行的解决方案。

谢谢,Avi。

0 个答案:

没有答案