Использование Ionic с API OMBd?

Question

Недавно я начал играть с Ionic, и я пытаюсь извлечь данные из API OMDb. Кажется, есть некоторые проблемы с CORS, и я прочитал руководство по адресу http://blog.ionic.io/handling-cors-issues-in-ionic/, попробовал добавить proxyURL, но, похоже, не работает, или что-то не хватает.

Вот что я пытаюсь сделать:

.controller('MovieController', ['$scope', '$http', function($scope, $http) { 
    $http.get('http://www.omdbapi.com/?s=Star+Wars').success(function(data) { 
    $scope.movies = data; 
}); 
}]); 

И пытается показать данные фильма здесь:

<ion-content ng-controller="MovieController" class="has-subheader"> 
    <ion-list> 
     <ion-item ng-repeat='item in movies' class="item-left item-text-wrap"> 
     <img src="http://placehold.it/100x150" alt="Photo"> 
     <h2>{{ item.Title }}</h2> 
     <h3>{{ item.Year }}</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
     </ion-item> 
    </ion-list> 
    </ion-content> 

Полный код (не так много, кроме этого выше) здесь http://play.ionic.io/app/84f6a0092ffe

Что мне здесь не хватает? Что-то нужно изменить в моем проекте Ionic или я неправильно использую API OMDb? Заранее большое спасибо.

Answer 1

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

angular.module('app', ['ionic']) 

.controller('AppCtrl', function($scope, HttpService) { 
    HttpService.getPost() 
    .then(function(response) { 
     $scope.post = response; 
    }) 
}) 

.service('HttpService', function($http) { 
    return { 
    getPost: function() { 
     return $http.get('http://www.omdbapi.com/?t=Star+Wars') 
     .then(function (response) { 
     console.log('Get Post', response); 
     return response.data; 
     }); 
    } 
    } 
}) 

Это показывает только один товар. Удалите ng-repeat на вид.

EDIT: Это странно. Не всегда извлекается из OMDb Api. Сейчас он говорит Cross-Origin Request Blocked.