将AngularJS值插入HTML表不起作用

时间:2019-04-12 17:13:17

标签: html json angularjs controller

我正在通过Node将JSON发送到AngularJS。我在打印到控制台的控制器中成功接收到正确的数据。但是,当我尝试用控制器填充HTML表时,它不起作用。我注意到,如果我使用相同的字段,但使用“任务”而不是“任务”,它将填充“状态”字段到表中,因为“任务”对象具有“状态”字段,因此该范围在技术上是可行的,但是我使用“任务”字段没有运气。

控制器

projectApp_TaskList.controller('getTaskListController', function ($scope, $http) {

    $http.get('/getTaskList')
        .then(function (data) {
            $scope.tasks = data;
            console.log($scope.tasks);
        });
});

    <div>
        <table>
            <thead>
                <tr>
                    <td>Priotity</td>
                    <td>Status</td>
                    <td>Title</td>
                    <td>Limit Date</td>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="task in tasks">
                    <td>{{task.priority}}</td>
                    <td>{{task.status}}</td>
                    <td>{{task.title}}</td>
                    <td>{{task.limitDate}}</td>
                </tr>
            </tbody>
        </table>
    </div>

Here's the link to the data I get on the console.

1 个答案:

答案 0 :(得分:4)

返回到$http.get().then的对象是具有多个属性的响应对象

所需数据位于该对象的属性data

尝试

$http.get('/getTaskList')
    .then(function (response) {
        $scope.tasks = response.data;
        console.log($scope.tasks);
    })