gpt4 book ai didi

Angular 4 : Store pipe output variable for use outside of template

转载 作者:行者123 更新时间:2023-12-04 17:48:29 25 4
gpt4 key购买 nike

我知道我可以在 angular 4 中为管道输出添加别名,但这仅在它被别名的模板内部有用。

例子

<div *ngIf="race | async as raceModel">
<h2>{{ raceModel.name }}</h2>
<small>{{ raceModel.date }}</small>
</div>

这里 raceModel 不能在 ngIf 之外被引用。就我而言,我正在使用管道对集合进行排序和过滤,并希望在过滤后掌握返回集合的长度,以便更新我的 NgbPagination。

我的代码:

<tr *ngFor="let cust of customers | filterBy: searchFilters: true | orderBy: order: reverse: true: start: end as collection">
<td>{{cust.id}}</td>
</tr>
</tbody>
</table>
<ngb-pagination *ngIf="customers"
(pageChange)="pageChange($event)"
[collectionSize]="collection.length"
[(page)]="page"
[(pageSize)]="pageSize"
[maxSize]="5"
[rotate]="true"
[ellipses]="true"
[boundaryLinks]="true">
</ngb-pagination>

如果可以避免,我不想将管道拖到 View 模型中。关于如何从管道保护变量以供以后在 View 中使用的任何提示?

最佳答案

目前我已经完成了以下操作:

<ngb-pagination *ngIf="customers"
(pageChange)="pageChange($event)"
[collectionSize]="(customers | filterBy: searchFilters: true: true)"
[(page)]="page"
[(pageSize)]="pageSize"
[maxSize]="5"
[rotate]="true"
[ellipses]="true"
[boundaryLinks]="true">
</ngb-pagination>

过滤器管道的第二个真参数返回过滤数组的长度而不是过滤数组本身。 Hacky 但工作正常。

关于 Angular 4 : Store pipe output variable for use outside of template,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47057352/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com