Угловая индикация ответа в HTML от Ajax GET - PullRequest
Новая
       3

Угловая индикация ответа в HTML от Ajax GET

0 голосов
/ 01 июля 2019

Заранее извиняюсь за то, что задал тупой вопрос.Я связал дюжину схожих постов, но безуспешно.

Вот мой контроллер. 

app.controller('testController', function ($scope) {
    var myApi = 'https://jsonplaceholder.typicode.com/posts';
    $.ajax({
        url: myApi,
        type: 'GET',
        success: function (response) {
            console.log(response[0]);
            $scope.response = response[0]
        },
        error: function (response) {
            console.log("could not retrieve list.");
            console.log(response.message);
        }
    });
});

Мой HTML-код 

<body ng-app="myApp" class="text-center">
    <div id="foo" ng-controller="testController">
        {{response.title}}
    </div>
...
</body>

И я вижу в браузереутешите, что я получаю желаемое содержимое в ответе GET 

[Log] {userId: 1, id: 1, title: "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", body: "quia et suscipit↵suscipit recusandae consequuntur …strum rerum est autem sunt rem eveniet architecto"} (javascript.js, line 27)

... но текст не отображается в отображаемом HTML.Что я делаю не так?

1 Ответ

0 голосов
/ 01 июля 2019

Отвечая на мой вопрос здесь для потомков. Я переключился с Ajax на этот метод $ http. Как вы можете сказать, я супер новичок в этом. Если какие-нибудь опытные эксперты читают это, можете ли вы прокомментировать два подхода здесь и описать что-нибудь, что я, вероятно, пропускаю? 

app.controller('testController', function ($scope, $http) {
    $http({
        method: 'GET',
        url: 'https://jsonplaceholder.typicode.com/posts',
    }).then(function (response) {
        console.log(response.data[0])
        $scope.response = response.data[0];
        console.log($scope.response)
        //alert($scope.response);
    });
});

<body ng-app="myApp" class="text-center">
    <div id="foo" ng-controller="testController">
        {{response.title}}
    </div>
...
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...