Question

假设我有10篇文章对象数组，每篇都有自己的文章标题（假设其中一些标题相同）

当我执行ng-repeat =“文章中的艺术”和{{art.article_title}}时，它会将标题打印10次，这不是我想要的。

我想做点什么

标题-1：第1条第2条第3条

标题-2：第4条第5条......

如果文章共享相同的标题，那就是类似的东西。

由于

Answer 1

你应该write a custom filter，然后你就能这样做：

<li ng-repeat="unique_article in articles|dedup">
    {{unique_article.article_title}}
    <span ng-repeat="related in unique_article.related">
        Article {{related.id}}
    </span>
</li>

您的过滤器可能会看起来像这样（假设您的文章按标题排序）：

.filter('dedup', function() {
  return function(articles) {
    var deduped = [];
    var last_article = null;
    for(var i=0,max=articles.length;i<max;i++) {
        var article = articles[i];
        if(!last_article || last_article.article_title !== article.article_title)
        {
            article.related = [];
            deduped.push(article);
            last_article = article;
        } else {
            last_article.related.push(article);
        }
    }
    return deduped;
  };
});

（我没有对它进行测试，只是将其作为一个简单的例子写成，如果您的文章没有按标题排序，则必须对其进行修改）

Answer 2

也许重新思考它会有所帮助，理想的做法是重新安排你的对象，使文章属于标题，如此。

var arrangeArticles = function() {
    var result = {};
    angular.forEach($scope.articles, function( article ) {
       var title = article.article_title;
       if( !result[title] ) {
         result[title] = [article];
       } else {
         result[title].push(article);
       }
    });
    $scope.articles = result;
    $scope.$apply(); // Might be needed 
};

我不认为您可以使用您表达的布局在ng-repeat中执行此操作。

然后你需要将你的重复改为这样的

<div ng-repeat="(title, group) in articles">
    {{title}}
    <div ng-repeat="article in group">
       {{article.description}}
    </div>
</div>

Angularjs ng-重复条件

2 个答案: