AngularJS, как получить данные из API и отобразить их - PullRequest
Новая
       1

AngularJS, как получить данные из API и отобразить их

0 голосов
/ 17 марта 2020

Я пытаюсь выучить angularJS. Я пытаюсь получить данные из API, который предоставляет данные артистов в формате JSON. Я пытаюсь получить имя, введенное в текстовую строку, а затем просто показать полученную информацию как JSON. Формат, который принимает API, - это URL / имя исполнителя + идентификатор приложения в качестве запроса, где имя исполнителя - это ввод. Люди, которые я пытаюсь использовать API, дали мне правильный код приложения, который хранится в var id. Пока я написал следующий код, любая помощь будет оценена. Спасибо! 

    var myApp = angular.module('myApp', []);
    myApp.controller('UserCtrl', function($scope,$http){
        $scope.user = null;
        var id = "my secret id comes here";

        var name = $scope.searchText;
        $scope.getByID = function() {

            $http.get("https://rest.bandsintown.com/artists/" + name + id)
                    $scope.user = response;
                    console.log(response)
                }

              });

Далее код html: 

<body ng-app="myApp">
    <div ng-controller="UserCtrl">
        Search : <input type="text" placeholder="Search Employees" ng-model="searchText"/> <br/><br/>
        <button ng-click="UserCtrl.getByID()">Submit</button>
</body>

Спасибо и извините, если это новый вопрос ie, я действительно новичок ie!

1 Ответ

1 голос
/ 17 марта 2020

response нигде не объявляется, поэтому, похоже, вам просто нужно правильно обработать ответ $http.get. Должно работать следующее: 

 var myApp = angular.module('myApp', []);
 myApp.controller('UserCtrl', function($scope, $http) {
   $scope.user = null;

   var id = "my secret id comes here";
   var name = $scope.searchText;

   $scope.getByID = function() {
     // $http.get returns a promise, you'll need to set the variables there.
     $http.get("https://rest.bandsintown.com/artists/" + name + id)
       .then(response => {
         $scope.user = response;
         console.log(response)
       })
   }
 });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...