Play Framework 2.1-AngularJS路由-最佳解决方案？

Question

我正在通过AngularJS教程进行工作。Angular使用它自己的JS路由机制来允许单页应用程序。Angular的示例路由文件如下所示：

angular.module('phonecat', []).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/phones', {templateUrl: '/partials/phone-list',   controller: PhoneListCtrl}).
      when('/phones/:phoneId', {templateUrl: 'partials/phone-detail', controller: PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});
}]);

我试图找到一个存储我的局部文件（特定于Angular的HTML文件）的好地方。理想情况下，我希望能够从Play中对其进行模板化（例如，将其作为*
.scala.html文件）。我可以使用aa播放路由文件来完成此操作，如下所示：

GET     /partials/phone_index       controllers.Application.phone_index

我基本上偏向于这样的控制器动作：

def phone_index = Action {
  Ok(views.html.partials.phone_index())
}

我正在寻找的解决方案是两种理想的结合：

1. 我将进行某种映射，使我可以访问/ partial / *下的任何文件并取回部分文件。
2. 我想重写路由到特定的部分，所以我 的CAN 用控制器动作来动态填充用数据（罕见）。

有任何想法吗？

Answer 1

当我尝试类似的操作时，我得出的结论是，最好将其分为两个部分：

• 将Play用作通过Ajax调用与之交互的后端
• 将Angular模板存储在Play public文件夹中（类似/public/angular/），并使用默认的AngularJs方式映射模板

我知道这听起来并不好，并且确实不能回答您的问题，但是由于在Angular中映射模板及其URL的方式，尝试链接这两个框架可能会出现问题。由于任何微小的变化都意味着大量的工作，因此消除了Play和Angular快速发展所带来的主要好处。

这也使您可以更好地分离问题，如果您的项目不断增长，这可能很重要，因为您可以将AngularJS代码作为连接到后端的独立应用程序拿走，并且可以正常工作。

您可以在这个Github存储库中看到一些我所说的示例代码（基于AngularJS的TODO教程）。我警告您，代码不太好，但是应该给您一个想法，并且作为一个额外的奖励，您可以了解如何将Jasmine集成到Play中，以进行AngularJS单元测试。