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>

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

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

1 个答案: