开发者社区> 问答> 正文

关于 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>

展开
收起
爵霸 2016-03-05 08:27:21 2438 0
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,不要采用这种方式去获取数据

    2019-07-17 18:52:49
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Angular从零到一 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载