ruby-on-rails - 使用 ui-router 的 AngularJS 和 Rails 的多页 SPA

Question

我有一个 Rails 应用程序，我试图用 AngularJS 替换一些 View ，但不是全部。在我替换的每个 View 中，我希望它基本上表现得好像它是自己的 SPA。我还尝试使用 ui-router 来管理每个 SPA 中的状态。

例如，我有一个映射到 View “.../checkout/1”的 Rails 路由。这会触发一个 Rails View ，我在其中加载流的初始 SPA，然后让 angular 接管。我想设置特定于此结帐流程的 ui-router 状态。

我遇到困难的地方是如何使用该基本 url 使状态仅特定于该流。如果我设置状态:

$stateProvider
    .state('start', {
        url: "/",
        templateUrl: "..."
    })
    .state('route2', {
        url: "/route2",
        templateUrl: "..."
    })
    .state('route3', {
        url: "/route3",
        templateUrl: "..."
    });

这适用于 .../checkout/1#/, .../checkout/1#/route2, .../checkout/1#/route3。

但是，它也适用于我不想要的其他 SPA View 。因此，如果我执行另一个使用另一个 SPA 的 Rails View ，例如.../item/1 那么上面的路由也适用于 .../item/1#/和 .../item/1#/route2 等。

相反，我希望每个都是它自己的 SPA，而不是相互冲突。我不知道该怎么做。 ui-router 是否可以使用基本 url 以某种方式命名空间，或者我可以拥有具有不同 stateProviders 的独立 SPA？关于我应该如何处理这件事有什么想法吗？

谢谢

Answer 1

每个 SPA 都应该有自己的 Angular 模块，用自己的状态定义定义应用程序。所以不会有任何冲突。