json - 使用 AngularJS 显示 json

Question

我是 AngularJS 的新手。现在我有一个来 self 的 spring Controller 的 json 对象，我该如何在我的 jsp 中使用/打印？

我试过这样的事情。控制台完美地显示了 json，并且它没有 Angular ......

<div data-ng-init="stats=${stats}">
    <li data-ng-repeat="stat in stats">{{stat.name}}</li>
</div>

<script>
    console.log(${stats});
</script>

JSON:

{ "Types": [{"name": "study", "value":0},{"name": "health", "value":0},{"name": "culture", "value":0},{"name": "nightlife", "value":0},{"name": "other", "value":0},{"name": "friendship", "value":0}] })

Answer 1

因为如果将 JSON 字符串放入 HTML attribure 值中，则必须正确引用它，因此您要么转义 JSON 中的 " 字符，要么可能更好地使用 ' 引号 ngInit:

<div data-ng-init='stats=${stats}'>
    <li data-ng-repeat="stat in stats.Types">{{stat.name}}</li>
</div>

演示: http://plnkr.co/edit/XLIE9VCSn9gL3oO6ULol?p=info