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>
阅读 8.4k
1 个回答
<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,不要采用这种方式去获取数据

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题