大佬教程收集整理的这篇文章主要介绍了有没有办法根据窗口宽度决定服务器端渲染的角度路线? (或设备类型),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让我的 Angular SSR 应用程序决定在窗口宽度低于 768 像素时加载移动登陆页面,以及在宽度高于 768 像素时加载常规页面路由。
因为在服务器端“窗口”对象不可用,我无法访问屏幕宽度。我在路线之间决定的打字稿代码:
export class AppR@R_607_9981@ngModule {
public constructor(private router: Router,private applicationStateservice: ApplicationStateservicE) {
if (applicationStateservice.getIsMobileResolution()) {
router.resetConfig(mobile_routes);
}else{
router.resetConfig(desktop_routes);
}
}
}
export class ApplicationStateservice {
private isMobileResolution: Boolean = false;
constructor(@Inject(PLATFORM_ID) private platformID) {
if (isPlatformbrowser(this.platformID)) {
this.isMobileResolution = window.innerWIDth < 768;
}
}
public getIsMobileResolution(): Boolean {
return this.isMobileResolution;
}
}
在浏览器上,在服务器上的第一页请求时,会呈现默认路由页面,并且在客户端初始化后,它似乎在移动页面中发生了变化。 在移动浏览器上似乎根本不起作用。呈现默认页面。
是否可以通过“else if (!platformbrowser)”方式访问 ApplicationStateservice 中的窗口宽度?那将解决我的问题。谢谢!
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的有没有办法根据窗口宽度决定服务器端渲染的角度路线? (或设备类型)全部内容,希望文章能够帮你解决有没有办法根据窗口宽度决定服务器端渲染的角度路线? (或设备类型)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。