angularjs遍历两次

来源：互联网发布：黎巴嫩真主党知乎编辑：程序博客网时间：2024/06/05 11:53
@{    Layout = null;}<!DOCTYPE html><html ng-app="my_app"><head>    <meta name="viewport" content="width=device-width" />    <title>Index</title>    <script src="~/Scripts/jquery-1.10.2.min.js"></script>    <script src="~/Scripts/angular.min.js"></script>    <script type="text/javascript">        var app = angular.module("my_app", []);        app.controller('my_controller', function ($scope) {            var vm = $scope.vm = {};            vm.classes = [                {                    classID: 1, className: '一班',                    students: [                        { studentID: 1, studentName: '张三' },                        { studentID: 2, studentName: '李四' }                    ]                },                {                    classID: 2, className: '二班',                    students: [                        { studentID: 3, studentName: '王五' },                        { studentID: 4, studentName: '马六' }                    ]                },                {                    classID: 3, className: '三班',                    students: [                        { studentID: 5, studentName: '曹七' },                        { studentID: 6, studentName: '余八' }                    ]                },                { classID: 4, className: '四班' }            ];        });    </script></head><body ng-controller="my_controller">    <table>        <tr ng-repeat="class in vm.classes">            <td>{{class.classID}}</td>            <td>{{class.className}}</td>            <td>                <table>                    <tr ng-repeat="student in class.students">                        <td>{{student.studentID}}</td>                        <td>{{student.studentName}}</td>                    </tr>                </table>            </td>        </tr>    </table>  </body></html>
0 0