将 Ionic 与 OMBd API 一起使用？

Question

我最近开始使用 Ionic，我正在尝试从 OMDb API 中提取数据。似乎 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 项目中需要更改某些内容，或者我在滥用 OMDb API？非常感谢您。

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。

编辑：这很奇怪。并不总是从 OMDb Api 获取。它现在说Cross-Origin Request Blocked。