栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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;      },


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636222.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号