Javascript 正在从嵌套的JSON对象获取数据！！ID为'；s使用角度GET

我是Angular/JSON对象的新手，我正在尝试从嵌套对象中获取一些东西

这并不难，但问题是JSON对象有一个动态变化的属性

下面是JSON对象完整列表中的1个对象的示例。正如你所看到的，这是一个更大物体的一部分

我想要的是ng repeat中每个任务的task.assignment.name，但由于赋值和名称之间的整数，我无法访问assignment.name

看看我的物品：

最后是带有ng reapter的index.html文件

活动任务



{{$index+1}}
项目：{{task.label}
任务名称：{{task.assignments.name}}
任务描述：{{task.assignments.body}}

谢谢

<div class=" block full border">
    <h3>Active tasks</h3>
    <ul ng-repeat="task in tasks">
        <li>
            <ul ng-repeat="assignment in task.assignments">
                <li>{{$index+1}}</li>
                <li>Project: {{assignment.label}}</li>
                <li>task name: {{assignment.name}}</li> <!-- Doesnt work -->
                <li>task description: {{assignment.body}}</li> <!-- Doesnt work -->
            </ul>
        </li>
    </ul>
</div>

活动任务



{{$index+1}}
项目：{{assignment.label}
任务名称：{{assignment.name}}
任务描述：{{assignment.body}}

关于JSON与对象的一点说明：JSON是字符串而不是对象，因此它是JavaScript对象表示法的缩写。您拥有的是通俗地称为POJO或普通的旧JavaScript对象。他们是不同的。前者是类似于YAML或XML的数据交换格式，而后者是具有属性和值的实际对象。谢谢，我不知道！谢谢这就是有棱角的东西。我一直认为这比实际情况更复杂：）

var main = angular.module("main", []);

    main.controller("mainCntrl", function($scope, $http){

        var apiUrl = "http://my.example.com/api.php?&format=json&";
        var apiKey = "&auth_api_token=somekey";

        var onUserComplete = function(response){
            $scope.user = response.data;
            console.log("User Data loaded");
        }

        var onTasksComplete = function(response){
            $scope.tasks = response.data;
            console.log("Tasks loaded");
        }

        $http.get(apiUrl + "path=my-tasks" + apiKey).then(onTasksComplete);
        $http.get(apiUrl + "path=people/1/users/9" + apiKey).then(onUserComplete);

    }
);

<div class=" block full border">
    <h3>Active tasks</h3>
    <ul ng-repeat="task in tasks">
        <li>
            <ul>
                <li>{{$index+1}}</li>
                <li>Project: {{task.label}}</li>
                <li>task name: {{task.assignments.name}}</li> <!-- Doesnt work -->
                <li>task description: {{task.assignments.body}}</li> <!-- Doesnt work -->
            </ul>
        </li>
    </ul>
</div>

<div class=" block full border">
    <h3>Active tasks</h3>
    <ul ng-repeat="task in tasks">
        <li>
            <ul ng-repeat="assignment in task.assignments">
                <li>{{$index+1}}</li>
                <li>Project: {{assignment.label}}</li>
                <li>task name: {{assignment.name}}</li> <!-- Doesnt work -->
                <li>task description: {{assignment.body}}</li> <!-- Doesnt work -->
            </ul>
        </li>
    </ul>
</div>