【问题标题】:playframwork angularjs router播放框架 angularjs 路由器
【发布时间】:2015-05-16 19:28:49
【问题描述】:

我在 Play 框架之上有一个带有 AngularJS 的应用程序。只想将 Play 框架用于服务。 如何使我的 angularjs 路由工作?我的应用程序总是在 Play 路由中查看并且从不查看 Angularjs 路由,因此会给出找不到路由的错误。

我在 scala 中看到了一些示例。不太明白他们在做什么。

播放路线:

POST /location @controllers.Application.create()

GET /location/:id @controllers.Application.get(:Id)

GET / @controllers.Application.list()

AngularJS 路由:

config(['$routeProvider', '$locationProvider',
           function($routeProvider, $locationProvider) {
        console.log('In routeProvider()'+Date.now());
              $routeProvider.
                  when('/', {
                                 templateUrl: 'html/test.html',
                                 controller: 'LocationsController'
                 }).
                   when('/location/:id', {
                                 templateUrl: 'html/test.html',
                                 controller: 'LocationController'
                 }).
                  when('/locations', {
                                 templateUrl: 'html/test.html',
                                controller: 'LocationsController'
                });
        console.log('In routeProvider()..2'+Date.now());
               $locationProvider.html5Mode(true); // .hashPrefix("!")
      }])

例如,我希望http://localhost:9000/ 应该首先点击 Angularjs 路由。 Angularjs 控制器将通过请求播放服务来获取数据。同样,http://localhost:9000/location/100 需要先打 Angularjs。相应的 angularjs 控制器将通过请求 play 的 /location/100 来获取给定 id 的数据。

我的应用程序总是在 Play 路由中查看,从不查看 Angularjs 路由,因此会给出找不到路由的错误。我如何让他们两个都工作?感谢您的帮助。

【问题讨论】:

  • 我们不太明白你在问什么

标签: playframework angularjs-routing


【解决方案1】:

我建议你,不要将 Angular JS 与 play 项目一起使用,而是将 Angular JS 作为单独的应用程序(你可以使用 express 作为 Node 的服务器顶部),并使用 $ngResource 或进行任何 REST 调用在 Angular 中使用 $http 进行 Ajax 调用,然后提供来自 Play 框架的响应。

我还搜索了很多将 Angular 与游戏集成的项目,但我没有找到好的项目。

注意:您需要使用 Action 组合在 Play 服务器中启用 CORS,以允许 Angular 应用与 Play 服务器交互 http://playframework.wiki/index.php?title=Access-Control-Allow-Origin

【讨论】:

  • 嘿,我也有同样的想法,这将使 UI 和服务独立。我也想听听其他人的更多建议。
猜你喜欢
  • 2018-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多