Angular.js的优雅改进(而非降级)

Graceful improvement (not degration) with Angular.js?

本文关键字:降级 js Angular      更新时间:2023-12-29

我们正在重新启动公司的登录页(包含信息、作业、团队和帮助部分),并决定不再只为我们的服务的这一部分维护Rails项目,因此切换到静态HTML。

由于我们希望让我们的人力资源和支持团队有机会在不干扰开发团队的情况下编辑文本(尤其是在工作和帮助部分),我们将在页面上运行Angular.js应用程序,并使用JSON APi(就像Wordpress.com提供的一样http://developer.wordpress.com/docs/api/或者我们甚至可以使用https://www.contentful.com/)。

然而,由于我们需要快速加载登录页(转换是王道),我们考虑将登录页的初始部分作为静态HTML提供,并在用户访问最重要的信息后优雅地添加Angular.js。我们不在乎停用JS的人是否不能使用我们页面的其余部分,因此我们称之为优雅的改进。

有什么最佳实践和/或Angular.js模块可以实现我刚才描述的目标吗?这种效果的正确术语是什么?

附言:我们将通过使用Phantom.js呈现我们的登陆页(团队、工作等)的其余部分来处理SEO,因此SEO不是一个话题。这只是关于我们的登录页初始部分的加载速度。

您可以呈现静态页面(无论您想以何种方式生成这些页面),并在页面加载后添加一个事件侦听器。然后在事件监听器中,您可以利用angular.bootstrap手动启动应用程序。这样Angular就可以度过它的甜蜜时光,而不会让用户陷入困境。