角度将管道数组分配给变量

Question

我有一些代码：

  <tr *ngFor="let article of articles
    | tableFilter: { id: searchResult, title: searchResult, author: searchResult }
    | orderBy:sortType:sortReverse
    | paginate: config"
      (change)="updateCollectionSize()">...</tr>

我的问题很简单。完成所有管道后，如何将articles数组分配给新变量？

Answer 1

如果您确实希望将修改后的列表作为模板中的变量，则可以这样做：

 <div *ngIf="articles
    | tableFilter: { id: searchResult, title: searchResult, author: searchResult }
    | orderBy:sortType:sortReverse
    | paginate: config 
    as filteredArticles">

    <tr *ngFor="let article of filteredArticles">...</tr>
  </div>

基本上，只需将所有内容包装在ngIf中，然后使用“ as”（或“ let”关键字）来声明包含已过滤文章的模板变量。

也就是说，正如@trichetriche的评论中已经提到的那样，您可能应该在Typescript中做这种事情。在不了解更多数据结构以及如何修改数据的情况下，我无法为您提供帮助。