у меня проблема с методом get из webapi на angularjs и html - PullRequest
Новая
       74

у меня проблема с методом get из webapi на angularjs и html

0 голосов
/ 13 февраля 2020

Я пытался разработать сайт с использованием Front-End HTML и AngularJS. У меня также есть WebApi, размещенный онлайн. я пытался получить данные из WebApi в формате JSON с использованием angularjs контроллера http get метод и отобразить его с помощью директивы ng-repeat, но я не получаю данные, есть некоторая проблема в получать данные из WebApi. WebApi создается с использованием asp. net c# WebApi. Код веб-сайта находится здесь (это веб-сайт блога) -

blogController. js: 

app.controller('blogController', ['$scope','$http', function ($scope, $http) {
    $http.get('http://www.example.com/api/blog')
      .then(function(res){
        $scope.blog = res.data;
    });
}]);

Код HTML приведен ниже -

Блог . html

<html>
   <head></head>
   <body app="myApp" ng-controller="blogController">
      <div ng-repeat="blg in blog">
         <h2>{{blg.BLOG_TITLE}}</h2><br/><br/><hr/>

         <p>{{blg.BLOG_DESC}}</p><br/>
         <p>{{blg.BLOG_AUTHOR}}</p>
      </div>
   </body>
</html>

WebApi Json выглядит следующим образом - 

[
  {
    "ID": 1.0,
    "BLOG_DATE": "2020-05-02T00:00:00",
    "BLOG_AUTHOR": 1.0,
    "IMG_URL": null,
    "BLOG_TITLE": "Test Blog",
    "SHORT_DESC": "Blog 1",
    "BLOG_DESC": "Blog1 Desc",
    "NOTE": null,
    "BLOG_TAG": "Uncategorized"
  },
  {
    "ID": 2.0,
    "BLOG_DATE": "2020-05-02T00:00:00",
    "BLOG_AUTHOR": 1.0,
    "IMG_URL": null,
    "BLOG_TITLE": "Test Blog",
    "SHORT_DESC": "Blog 1",
    "BLOG_DESC": "Blog1 Desc",
    "NOTE": null,
    "BLOG_TAG": "Uncategorized"
  },
  {
    "ID": 3.0,
    "BLOG_DATE": "2020-05-02T00:00:00",
    "BLOG_AUTHOR": 1.0,
    "IMG_URL": null,
    "BLOG_TITLE": "Test Blog",
    "SHORT_DESC": "Blog 1",
    "BLOG_DESC": "Blog1 Desc",
    "NOTE": null,
    "BLOG_TAG": "Uncategorized"
  },
  {
    "ID": 4.0,
    "BLOG_DATE": "2020-05-02T00:00:00",
    "BLOG_AUTHOR": 1.0,
    "IMG_URL": null,
    "BLOG_TITLE": "Test Blog",
    "SHORT_DESC": "Blog 1",
    "BLOG_DESC": "Blog1 Desc",
    "NOTE": null,
    "BLOG_TAG": "Uncategorized"
  }
]

Проблема возникает только с URL-адресом, который находится в вышеуказанном контроллере. Я попытался использовать другой URL, URL из моего json .com, это сработало. Но «http://www.example.com/api/blog» не работает.

Пожалуйста, помогите мне решить эту проблему.

1 Ответ

1 голос
/ 13 февраля 2020

Добавьте блок .catch для отображения ошибок: 

app.controller('blogController', ['$scope','$http', function ($scope, $http) {
    $http.get('http://www.example.com/api/blog')
      .then(function(res){
        $scope.blog = res.data;
    }).catch(function(response) {
        console.log("ERROR:", response);
    });
}]);

Затем проверьте ответ на вкладке сети консоли разработчика.

...