не получен ответ на страницу просмотра html

Question

Я вызываю API узла js в угловом js ui-router, но моя функция $ scope не получила ответ на страницу просмотра html.

.state('statetwo', {
            url: '/statetwo',
            templateUrl: appHelper.templatePath('tables/basic')

        })

вот мой контроллер

app.controller('formController', function ($scope,$http) {


    $scope.alldata=function(form)
    {
        let dataObj=JSON.stringify(form);
        alert(dataObj);



        $http.post("http://localhost:4000/login",dataObj)
            .then(function (response) {
            $scope.getdata2=response.data;
            console.log($scope.getdata2);
            //  let dataObj1=JSON.stringify($scope.getdata);
            //  $scope.data=dataObj1;
            //    console.log(dataObj1);
            })

        }
});

и вот мое HTML-представление на HTML-странице

<p>{{getdata2.Result}}</p>

Answer 1

Если в ответе нет проблем, попробуйте добавить $ scope. $ Apply () .

всякий раз, когда есть задача, которая занимает некоторое время, иногда нужно будет вызывать Angular, чтобы принудительно обновить привязки.

Если в ответе есть проблема, вы можете увидеть ее в консоли.

$http.post("http://localhost:4000/login",dataObj)
     .then(function (response) {
        $scope.getdata2=response.data;
        $scope.$apply();
     }).catch(function(error) {
        console.log(error);
     });
}

Answer 2

Ваша функция должна выглядеть следующим образом:

    $http.post("http://localhost:4000/login",dataObj)
     .then(function successCallback(response) {
        console.log('successCallback');
        console.log(JSON.stringify(response));
        $scope.getdata2=JSON.stringify(response.data);
     }, function errorCallback(response) {
        console.log('errorCallback');
        console.log(JSON.stringify(response));
        $scope.getdata2='ERROR';
     });

Поскольку, вам нужно как обратный вызов для получения ответа 400 от вашего API.

И в вашем html:

<p>{{getdata2}}</p>