Вставка значений AngularJS в таблицу HTML не работает - PullRequest
0 голосов
/ 12 апреля 2019

Я отправляю 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>

Вот ссылка на данные, которые я получаю на консоли.

1 Ответ

4 голосов
/ 12 апреля 2019

Объект, возвращаемый $http.get().then, является объектом ответа , который имеет несколько свойств

Требуемые данные находятся в свойстве data этого объекта

Попробуйте

$http.get('/getTaskList')
    .then(function (response) {
        $scope.tasks = response.data;
        console.log($scope.tasks);
    })
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...