gpt4 book ai didi

javascript - 完全不同的移动 View

转载 作者:行者123 更新时间:2023-11-29 21:20:05 25 4
gpt4 key购买 nike

我的 SPA 需要根据客户端设备以两种完全不同的方式显示我的应用。

其中一张显示了我家的平面图,其中包含用于开/关灯的灯泡图标(以及更多信息),使用等距投影在 Canvas 上渲染。

另一个(主要用于移动设备)在更简单的列表/汉堡菜单中显示相同的灯泡图标和名称。

我不想将任何一种设备类型限制为我想要的 View ,但是根据设备/所选 View 完全替换组件的最佳方法是什么?

我应该创建两个组件并将共享逻辑移至服务/类吗?或者我应该隐藏不需要的组件(我不想浪费资源渲染 Canvas 或运行渲染它所需的逻辑)

最佳答案

如果您使用 *ngIf 或类似的,如果表达式为假,则不会呈现任何内容,而 [hidden]="..." 会导致呈现 HTML .

无论如何,将逻辑转移到服务是一个很好的做法。

您还可以根据 View 大小加载不同的路由器配置另见 New Angular2 router configuration .这样您就可以为不同的 View 大小加载完全不同的组件。

(看起来这将在下一个版本中得到改进,例如只为组件加载新的子路由,也有讨论提供一个 API 以允许添加/删除单个路由)

关于javascript - 完全不同的移动 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38752394/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com