javascript - 如何在没有初始刷新的情况下从服务器准备好 Angular.js 应用程序

Question

我正在编写 Angular.js 应用程序。我希望它非常快，因此我在最初加载时为它提供完全生成的服务器端服务。之后，每个更改都应由 Angular 在客户端处理，并与服务器进行异步通信。

我有ng-view中央属性 <div> .但是现在 Angular 重新生成了这个 <div> 的内容即使在第一次加载时，在单击任何链接之前。我不想要这种行为，因为这样服务器端生成的页面就没有用了。

如何实现？

Answer 1

虽然 Gloopy 的建议在某些情况下可行，但在其他情况下会失败(即 ng-repeat)。 AngularJS 目前不具备在服务器上呈现的能力，但这是(据我所知)其他 JavaScript 框架都没有的能力。我也知道服务器端渲染是 AngularJS 开发人员正在研究的东西，因此您可能会在不久的将来看到它。 :)

当您说您希望应用程序“非常快”时，您应该考虑您想要这种速度的确切位置。有很多地方需要考虑速度，比如启动应用程序所需的时间、响应所需的时间、资源密集度等(你似乎关注的是启动时间)。通常必须做出不同的权衡来平衡应用程序的性能。我建议阅读此对另一个关于 AngularJS 性能的问题的回复，以了解更多关于该主题的信息:Angular.js Backbone.js or which has better performance

您是否确实遇到了性能问题，或者这只是您预测的问题？如果是后者，我建议构建一个代表您的应用程序类型的原型(prototype)，看看它是否真的是一个问题。如果是前者，并且您的应用程序在客户端引导的时间太长，您可能可以进行一些优化(例如，内联一些模型数据以避免额外的往返，或使用 Gloopy 的建议)。您还可以使用 Chrome 中的分析工具，以及 AngularJS Batarang在您的应用程序中寻找缓慢的区域。