Как называть jsonp с угловым js

Question

Я новичок, поэтому, пожалуйста, со мной и моим английским. Я пытаюсь получить данные в своей таблице с помощью jsonp. Я действительно не знаю, что я делаю неправильно. Я думаю, что это имеет какое-то отношение к содержимому моего url. Или что я не получаю данные правильно. Я попытался сделать callback = JSON_callback. Все еще не работает. Пожалуйста, помогите

Это мой URL http://jbossews-themaopdracht78.rhcloud.com/rest/json/org/JSONP/Organisaties?callback=JSON_CALLBACK

с содержимым:

callback([{"naam":"Hogeschool InHolland","docenten":null,"id":null},{"naam":"Hogeschool Utrecht","docenten":null,"id":null},{"naam":"Universiteit Utrecht","docenten":null,"id":null}]) 

app.js:

angular.module('OrganisatieApp', [ 
'OrganisatieApp.controllers', 
'OrganisatieApp.services' 
]); 

services.js:

angular.module('OrganisatieApp.services', []) 
.factory('organisatieAPIservice', function($resource,$http) { 

    var organisatieAPIservice = []; 
organisatieAPIservice.getOrganisaties = function(){ 
    return $http({ 
     method: 'jsonp', 
     url: 'http://jbossews-themaopdracht78.rhcloud.com/rest/json/org/JSONP/Organisaties?callback=callback' 
    }); 

} 
     return organisatieAPIservice; 
     }); 

мой Html DIV :

 <div class="panel-body"> 
       <table class="table table-striped"> 
        <thead> 
        <tr> 
         <th>#</th> 
         <th>Organisatie naam</th> 
         <th>Organisatie plaats</th> 
         <th>Organisatie Curriculum</th> 
        </tr> 
        </thead> 
        <tbody> 
        <tr ng-repeat="organisatie in organisatieList"> 
         <td>{{$index + 1}}</td> 
         <td> 
          <img src="/img/logos/{{organisatie.Organisatie.logo}}.png" /> 
          {{organisatie.Organisatie.naam}}&nbsp;{{organisatie.Organisatie.docenten}} 
         </td> 
         <td>{{organisatie.Constructors[0].provincie}}</td> 
         <td>{{organisatie.curriculum}}</td> 
        </tr> 
        </tbody> 
       </table> 
       <ng-view></ng-view> 
      </div> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div class="page-header"> 
      <h1>Opleidingsprofiel</h1> 

     </div> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h3 class="panel-title"> 
        <ul class="nav nav-pills" role="tablist"> 
         <li role="presentation"><a href="#">Aantal Organisaties<span class="badge">3</span></a></li> 
        </ul> 
       </h3> 
      </div> 



      <div class="panel-body"> 
       <table class="table table-striped"> 
        <thead> 
        <tr> 
         <th>#</th> 
         <th>Organisatie naam</th> 
         <th>Organisatie plaats</th> 
         <th>Organisatie Curriculum</th> 
        </tr> 
        </thead> 
        <tbody> 
        <tr ng-repeat="organisatie in organisatieList"> 
         <td>{{organisatie.Organisatie.id}}</td> 
         <td> 
          <img src="/img/logos/{{organisatie.Organisatie.logo}}.png" /> 
          {{organisatie.Organisatie.naam}}&nbsp;{{organisatie.Organisatie.docenten}} 
         </td> 
         <td>{{organisatie.Constructors[0].naam}}</td> 
         <td>{{organisatie.naam}}</td> 
        </tr> 
        </tbody> 
       </table> 
      </div> 
     </div> 
    </div> 
</div> 

controller.js:

 angular.module('OrganisatieApp.controllers', []). 
controller('organisatieController',function($scope, organisatieAPIservice) { 

    $scope.organisatieList = []; 

     organisatieAPIservice.getOrganisaties().success(function (response) { 
      //Assign response in Callback 
      $scope.organisatieList = response.docenten; 
     }); 
}); 

Спасибо за вашу помощь

Answer 1

именем обратного вызова должен быть "JSON_CALLBACK"

https://docs.angularjs.org/api/ng/service/ $ HTTP # JSONP