使用 AngularJS 混合完全渲染和部分渲染的页面

Question

在我的网络应用程序中，我将部分页面完全呈现在服务器端（以使它们易于被 google 索引），并且一些页面应该部分使用 AngularJS 呈现。渲染整个页面很简单，但是当我想将它与部分渲染的页面混合时我很困惑。

我看到的问题是如何使从完全呈现的页面导航到部分呈现的页面成为可能？假设我在以下 url 有一个完全呈现的页面：fakedomain.com/products/all 现在，我想允许用户编辑他们的个人资料，这将是一个部分呈现的页面（可在 fakedomain.com/#/user /轮廓）。 我应该怎么做所有的路由和渲染？

我的意思是，当用户单击编辑他/她的个人资料的选项时，我应该在我声明了 ui-view 的地方呈现 index.html 吗？如果是，我如何确保使用正确的部分？

顺便说一句。我在服务器端使用 NodeJS，而我对客户端的东西还很陌生。

Answer 1

您可以使用 AngularJS html5 模式 https://docs.angularjs.org/guide/$location 来消除 hashbang。然后您需要将所有对您的应用程序的请求路由到 index.html（加载 angularjs）。

您需要为您的 nodeJS 应用程序或网络服务器上的静态页面路由添加例外，以便正确处理对静态页面的请求。

这应该可以正常工作，并为您的用户提供集成体验。