Question

我正在创建一个从joomla K2网站上提取文章的Ionic应用程序。我正在使用$ http，只是用'？format = json'结束我的网址，这是完美的。然而，我提取数据的网站每隔几分钟更新一次文章，所以我需要一种方法让用户能够刷新页面。我已经实现了Ionics拉动刷新并且它正在起作用，除了这样的事实，它不仅仅是拉入新文章，而是将所有文章附加到我的数组中。反正可能只是迭代当前的文章时间戳或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进行手动过滤。

拉动以刷新数据重复

1 个答案: