如何访问角管中的过滤元件
#html #angular #codever #snippets

要访问管道的过滤结果,只需通过as关键字将其定义为变量。在下面的示例中,bookmarkFilter根据一些文本搜索过滤书签列表,我需要检查过滤结果仅包含一个元素[showMoreText] = "filteredBookmarks.length === 1 "(以显示书签的傻瓜内容)

<div class="mt-3" *ngFor="let bookmark of bookmarks | bookmarkFilter: filterText as filteredBookmarks">
  <app-bookmark-list-element
    [showMoreText] = "filteredBookmarks.length === 1 || bookmarks.length === 1"
    [bookmark]="bookmark"
    [userData$]="userData$"
    [queryText]="queryText"
    [filterText]="filterText"
    [isSearchResultsPage]="isSearchResultsPage"
  >
  </app-bookmark-list-element>
</div>

www.codever.land上看到它在行动中:

filter-bookmarks-results-expanding



Codever的源代码可在Github上找到

Codever的â2l。使用ðcopy to mine功能将其添加到您的个人片段集合中。