在 play scala 2.3.4 上使用 angularjs 处理 json 数据

Question

我想在我看来将Json 渲染为angularJs，所以在events.scala.html 文件中我有这个：

@(events: play.api.libs.json.JsValue)
@events

它工作正常，我的Json 数据显示在我的页面上。

但我想将此Json 传输给 angularJs，我想做这样的事情：

@(events: play.api.libs.json.JsValue)
@main(title = "title") {

<script>
app.controller ('TestCtrl', function ($scope){
    $scope.events = </script> @events <script>
});
</script>
<div data-ng-controller="TestCtrl" data-ng-repeat="event in events">{{event.name}}</div>

}

我应该如何进行？

Answer 1

你试过不关闭脚本标签吗？

@(events: play.api.libs.json.JsValue)
@main(title = "title") {

  <script>
    app.controller ('TestCtrl', function ($scope){
      $scope.events = @events ;
    });
  </script>
  <div data-ng-controller="TestCtrl" data-ng-repeat="event in events">{{event.name}}</div>

}

播放模板将在浏览器中解释 javascript 之前呈现，因此上述内容将转换为

  <script>
    app.controller ('TestCtrl', function ($scope){
      $scope.events = [{name:"event1"},{name:"event2"}] ;
    });
  </script>
  <div data-ng-controller="TestCtrl" data-ng-repeat="event in events">{{event.name}}</div>

一旦浏览器接收到它，它就会解释它。如果以上是有效的角度程序，则没有理由它不应该工作。