Saya mencoba belajar angularJS. Saya mencoba mengambil data dari API yang memberikan data artis dalam format JSON. Apa yang saya coba lakukan adalah mengambil nama yang dimasukkan di bilah teks dan kemudian hanya menampilkan informasi yang diterima sebagai JSON. Format yang diterima API adalah url/nama artis + id aplikasi sebagai permintaan, di mana nama artis adalah inputnya. Orang-orang yang saya coba gunakan API telah memberi saya kode aplikasi yang valid, yang disimpan di var id. Saya telah menulis kode berikut sejauh ini, bantuan apa pun akan dihargai. Terima kasih!

    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)
                }

              });

Selanjutnya, kode htmlnya adalah:

<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>

Terima kasih dan maaf jika ini pertanyaan newbie, saya memang newbie!

0
Zaeem Habib 17 Maret 2020, 22:47

1 menjawab

Jawaban Terbaik

response tidak dideklarasikan di mana pun, jadi sepertinya Anda hanya perlu menangani respons $http.get dengan benar. Berikut ini harus bekerja:

 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)
       })
   }
 });

1
Phix 17 Maret 2020, 20:32