角度將管道數組分配給變量

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中做這種事情。 在不了解更多數據結構以及如何修改數據的情況下，我無法為您提供幫助。