AngularJS承诺在加载数据之前已解决

AngularJS承诺在加载数据之前已解决

我没有用过，

resolve

但是我把它扔在那里，以防万一您遇到的问题与绑定到从服务返回的数组有关。

如果

cards

要从服务返回数组并将其绑定到UI中，则可能需要尝试填充相同的数组而不是进行设置

cards =data;

（这将使用未绑定到UI的新数组覆盖本地卡）。

就像是：

fetchCards: function() {      var d = $q.defer();      $http.get("data/cards.php").success(function(data) {cards.length = 0;for(var i = 0; i < data.length; i++){    cards.push(data[i]);}d.resolve();     }).error(function(data, status) {d.reject(status);   });    return d.promise;      },

请参阅此提琴，以获取我要描述的工作示例。多次单击第一个按钮将更新视图，但是一旦单击第二个按钮，绑定将被破坏。

两者之间的主要区别是：

1. 第一个按钮使用

   data.length = 0

   和

   data.push()

   保留原始数组的引用
2. 第二个按钮使用覆盖

   data

   一个新的原始数组引用

   data = newArray

---

更新： 另外，就像下面提到的Mark
Rajcok一样，您可以使用angular.copy清空原始数组的引用，并从源代码中添加新的数组，从而保留原始数组的引用：

fetchCards: function() {      var d = $q.defer();      $http.get("data/cards.php").success(function(data) {angular.copy(data, cards);d.resolve();     }).error(function(data, status) {d.reject(status);   });    return d.promise;      },