angularJS 循环拿json数组

我在jsp页面定义了一个变量：
<script type="text/javascript">


var wpmagazine=[{"title":"11","content":"coco"},
                {"title":"22","content":"nana"}];

</script>
然后在下面想要用angularJS 循环json数组，该怎么做？

           <div class="zxzz-cont" ng-repeat="">
                <div class="zx-img"><a href="#"><img src="img/new_img1.jpg" /></a></div>
                <div class="zx-text">
                    <div class="zx-tit"><a href="#">title</a></div>
                    <div class="zx-zy">content</div>
                </div>
            </div>

<body ng-app="myApp">
<script type="text/javascript">
    var wpmagazine = [
        {"title": "11", "content": "coco"},
        {"title": "22", "content": "nana"}
    ];
</script>

<div ng-controller="MyCtrl">
    <div class="zxzz-cont" ng-repeat="item in wpmagazine">

        <div class="zx-img">
            <a href="#">
            </a>
        </div>
        <div class="zx-text">
            <div class="zx-tit"><a href="#">{{item.title}}</a></div>
            <div class="zx-zy">{{item.content}}</div>
        </div>
    </div>
</div>
<script src="angular.js"></script>
<script>
    var app = angular.module('myApp', []);

    app.controller('MyCtrl', function ($scope) {
        $scope.wpmagazine = wpmagazine;
    });
</script>
</body>

既然使用了angualr，不要采用这种方式去获取数据

【热门文章】