且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

html - angularJS 循环拿json数组

更新时间:2023-01-16 20:25:07

<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,不要采用这种方式去获取数据