处理JSON数据对玩斯卡拉angularjs 2.3.4

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

您是否尝试过不关闭脚本标记？在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> 

一旦浏览器接收到它，它会解释它

@(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> 

} 

播放模板将被渲染。如果上述是有效的角度程序，则没有理由不应该起作用。