加载时从 ng-repeat 中删除特定条目

Question

我试图在输出时从列表中删除一些特定的循环或条目。这是我的列表的样子：

我想从列表中删除一些特殊项目，例如：“检查我们的档案”、“精选资料”。那么这怎么可能呢？有什么过滤器可以用吗？

我的ng-repeat 是这样的：

<ons-list-item modifier="chevron" class="list-item-container" ng-repeat="ListingData in AllData">
    <ons-row ng-click="setCurrentCategory(ListingData.slug);  app.navi.pushPage('directory-page.html', { animation : 'slide' } )">
        <ons-col>
            <div class="name">
              {{ListingData.title}}
            </div>
         </ons-col>
         <ons-col width="40px"></ons-col>
    </ons-row>
</ons-list-item>

如果需要，我也可以发布控制器。

Answer 1

你可以使用 ng-if

 <div ng-if="ListingData.title !=  'Check it Our Archives' && ListingData.title !=  'Featured Profile'" class="name">
      {{ListingData.title}}
   </div>  

Answer 2

在您的控制器中，在将数据传递给视图之前，您可以使用Array.prototype.filter 过滤项目。否则，您可以使用角度过滤器，但在我看来，如果您不想显示项目，则不应将其传递给视图。

下面是一个快速示例，说明作用域中的数据如何具有数组的过滤内容：

var pages =  [{ title : 'Page one'}, { title : 'Page two'}];

// this filters the pages array to display every item that is not titled "Page one"
$scope.data = pages.filter(function(p){
   return p.title !== 'Page one';
});