拉动刷新数据重复

Question

我正在创建一个从 joomla K2 网站提取文章的 Ionic 应用程序。我正在使用 $http 并以 '?format=json' 结束我的 url 并且工作正常。但是，我从中提取数据的网站每隔几分钟就会更新其文章，因此我需要一种方法让用户能够刷新页面。我已经实现了 Ionics pull to refresh，它运行良好，除了它不是仅仅拉入新文章，而是将所有文章附加到我的数组中。无论如何，是否可以迭代当前文章的时间戳或 ID（我在 localStorage 中缓存文章）以引入新文章？我的工厂是这样的：

.factory('Articles', function ($http) {
    var articles = [];
       storageKey = "articles";

    function _getCache() {
        var cache = localStorage.getItem(storageKey );
        if (cache)
            articles = angular.fromJson(cache);
    }


    return {
        all: function () {
            return $http.get("http://jsonp.afeld.me/?url=http://mexamplesite.com/index.php?format=json").then(function (response) {
                articles = response.data.items;
                console.log(response.data.items);
                return articles;
            });
        },

        getNew: function () {
            return $http.get("http://jsonp.afeld.me/?url=http://mexamplesite.com/index.php?format=json").then(function (response) {
                articles = response.data.items;
                return articles;
            });
        },

        get: function (articleId) {
            if (!articles.length) 
                _getCache();
            for (var i = 0; i < articles.length; i++) {
                if (parseInt(articles[i].id) === parseInt(articleId)) {
                    return articles[i];
                }
            }
            return null;
        }
    }
});

和我的控制器：

.controller('GautengCtrl', function ($scope, $stateParams, $timeout, Articles) {
    $scope.articles = [];
    Articles.all().then(function(data){
        $scope.articles = data;
        window.localStorage.setItem("articles", JSON.stringify(data));
    }, 

    function(err) {
       if(window.localStorage.getItem("articles") !== undefined) {
          $scope.articles = JSON.parse(window.localStorage.getItem("articles"));
        }
    }

    );

    $scope.doRefresh = function() {
    Articles.getNew().then(function(articles){
      $scope.articles = articles.concat($scope.articles);
      $scope.$broadcast('scroll.refreshComplete');
    });
  };
})

Answer 1

使用 underscore.js 来简化过滤功能。

例如：

获取已加载项目的所有 ID（我相信有一些独特的字段，如 ID）

http://underscorejs.org/#pluck

var loadedIds = _.pluck($scope.articles, 'id');

拒绝所有项目，如果 item.id 已经在 loadedIds 列表中。

http://underscorejs.org/#reject

http://underscorejs.org/#contains

var newItems = _.reject(articles, function(item){ 
   return _.contains(loadedIds, item.id); 
});

加入新项目和现有项目：

$scope.articles = newItems.concat($scope.articles);

或

http://underscorejs.org/#union

$scope.articles = _.union(newItems, $scope.articles);

实际上 _.union() 可以管理和删除重复项，但我会使用 item.id 进行手动过滤。

拉动刷新数据重复

Pull to refresh data duplication

javascript

joomla

json

angularjs

ionic-framework