1

我正在使用带有 JSON 数据的 AngularJS 构建电话目录应用程序。我是 AngularJS 和 JSON 的新手。

我浏览了 AngularJS 站点上的“Phonecat”教程，并能够使用与教程类似的 JSON 数据构建一个测试目录。

我使用在那里学到的东西并尝试用真实数据构建一些东西时遇到了障碍；JSON对象有多个数组，我无法弄清楚如何访问数组中的数据......

我试图在这里复制我的问题：http: //jsfiddle.net/4ykNX/

提前致谢！

//employee.json
{
    "resultTruncated": false,
    "containsSecureData": false,
    "entries": [
        {
            "type": "employee",
            "firstName": "Any",
            "lastName": "One",
            "address": [
                {
                    "streetOne": "123 Long Street",
                    "streetTwo": "Big Building",
                    "streetThree": "Room 456",
                    "city": "City",
                    "state": "ST",
                    "zip": "12345"
                }
            ],
            "phone": [
                {
                    "area": "111",
                    "number": "222-3333",
                    "extn": "444"
                }
            ],
            "email": "any@one.edu"
        }
    ]
}
4

1 回答 1

5

您正在尝试设置$scope.employees为data，它应该是什么时候data.entries

'use strict';

function EmpListCtrl($scope, $http) {
    $http.get('employees.json').success(function(data) {
    $scope.employees = data.entries;
  });
}

然后你需要参考employee.phone而不是phone：

<div ng-app>
    <div ng-controller="EmpListCtrl">
        <h1>Employees</h1>
        <ul>
            <li ng-repeat="employee in employees">
                {{employee.lastName}}, {{employee.firstName}}<br/>
                <a href="mailto:{{employee.email}}">{{employee.email}}</a>
                <ul>
                    <li ng-repeat="num in employee.phone">
                        {{num.area}}-{{num.number}}-{{num.extn}}
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

这是一个 plnkr：http ://plnkr.co/edit/L2nMu0?p=preview

于 2013-07-08T19:41:47.050 回答