用AngularJS显示json

时间:2015-05-29 21:00:22

标签: json angularjs

我是AngularJS的新手。现在我的弹簧控制器有一个json对象,我如何在我的jsp中使用/打印?

我试过这样的事情。控制台完全显示json,而角度则不显示...

<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}] })

2 个答案:

答案 0 :(得分:2)

因为如果将JSON字符串置于HTML attribure值中必须正确引用,您可以在JSON中转义"个字符,或者更好地使用'的{​​{1}}引号:

ngInit

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

答案 1 :(得分:2)

您需要引用stats数组属性。

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