如何为 angular 和购物车应用程序的引导应用程序加载移动和桌面的不同视图

Question

我们正在使用 angular 和引导程序进行购物车应用程序。 我需要为移动和桌面屏幕路由不同的页面。 例如 /cart 路由应该在移动设备中打开不同的页面，在桌面视图中打开不同的页面（基于 -md、-lg 和 -sm、-xs）

Answer 1

您可以执行以下操作：

const appRoutes: Routes = [
{
path: '' ,
component: (() => {
  return SessionService.isDesktop() ? DesktopComponent : MobileComponent;
})()
} 
]

您在全局服务中将isDesktop()作为boolean function 管理的位置，并检查那里的屏幕更改。