Javascript AngularJS表达式不工作

我有一个控制器，看起来像：

app.controller('DealCtrl', function($scope, Deals) {
    Deals.all().then(function (deals) {
        $scope.deals = deals;
        console.log($scope.deals);
    });
});

还有像这样的services.js：

var app = angular.module('starter.services', []);

app.factory('Deals', function($http) {
    function getDeals() {
        return $http.get('http://www.domain.com/library/fct.get_deals.php')
        .success(function (data) {
            var deals = data;
            return deals;
        })
        .error(function(err){
      });
  }

  return {
    all: function() {
        return getDeals();
    },
    get: function(keyID) {
        //...
    }
  }
});

它从我的服务器获取具有以下结构的对象：

[
  {
    id: "1",
    category: "...",
    title: "...",
    ...
  },
  { ... }
]

问题是，我无法在我的

index.html

中输出

title

属性。我想用以下方式来做：

...
<ion-content ng-repeat="deal in deals">
  <div class="list card">

    <div class="item item-avatar">
      <img src="img.jpg">
      <h2>{{deal.title}}</h2>
      <p>Text</p>
    </div>

  </div>
</ion-content>
...

。。。
{{deal.title}}
正文

...

---

它什么也没显示。我做错了什么？

在您的控制器中，您正在等待一个。然后，在您的.all（）之后，但您还没有将getDeals连接到这样的工作状态，下面是您将如何执行此操作：

app.factory('Deals', function($http, $q) {
    function getDeals() {
        var myPromise = $q.defer();
        $http.get('http://www.domain.com/library/fct.get_deals.php')
            .success(function (data) {
                var deals = data;
                myPromise.resolve(deals);
            })
            .error(function(err){
                myPrmoise.reject();
            });
        return myPromise.promise;
    }

    return {
        all: function() {
            return getDeals();
        },
        get: function(keyID) {
            return restaurants[keyID];
        }
    }
});