AngularJS ng-repeat over json query

AngularJS ng-repeat over json query

本文关键字：query json over ng-repeat AngularJS      更新时间：2023-09-26

我在一个项目中使用AngularJS。在我看来，我重复了一些员工，并在屏幕上显示他们。可以，但是我必须使用代码

<li ng-repeat="employee in employees.employee">

代替

<li ng-repeat="employee in employees">

为什么我不能直接访问员工来遍历不同的json对象?

项目的代码片段:

控制器

Test.controller('EmployeeListController', function($scope, Employee) {
    $scope.employees = Employee.query();
});

HTML视图
<ul>
    <li ng-repeat="employee in employees.employee">
        <a href="mailto:{{employee.email}}" title="{{employee.email}}">{{employee.firstName}} {{employee.lastName}} ({{employee.email}})</a>
    </li>
</ul>
工厂

Test.factory('Employee', function ($resource) {
    return $resource('/TestServer/rest/employees/:employeeId', {}, {
        update: {method:'PUT'},
        query: {method:'GET', isArray:false}
    });
});

JSON响应

{"employee":[{"created":null,"description":"TestDescription","email":"TestMail","firstName":"TestFirstName","id":"1","image":"TestImage.jpg","lastModification":null,"lastName":"TestLastName","phone":"121212121212"},{"created":null,"description":"TestDescription","email":"TestEmail","firstName":"TestFirstName","id":"2","image":"TestImage2.jpg","lastModification":null,"lastName":"TestLastName","phone":"2124343434"}]}

中继器正在重复数组。在你的回答中，你给了它一个对象。数组实际上在employee属性上(在json响应中，也因为isArray: false)

相关文章：