angular - 如何将 BehaviorSubject 的属性值绑定到 ng-template 的 let-*？

Question

我已经偏移了存储在 BehaviorSubject 中的值，如下所示。

pagingVariables$: BehaviorSubject<QueryPagingVariables> = new BehaviorSubject({
    offset: 0,
    limit: 10
});

如何使用 let-* 语法将其传递给 ng-template？

我试过下面的代码并得到SyntaxError: Unexpected token (

<ng-template let-pageSize="(pagingVariables$ | async)?.offset" ...

编辑：（塞巴斯蒂安答案的修改版）

谢谢@Sebastian。你的回答给出了这个想法。但我得到了“SyntaxError: Unexpected token ”。使用答案中显示的代码。这是我如何改变它：

<div *ngIf="(pagingVariables$ | async)?.offset as pageSize">
    <ng-template let-pageSize="pageSize" ...

替代解决方案（如果可以不包装到 *ngIf 中）受到赞赏......

score 1 · Accepted Answer

像这样将 ng-template 封装在 div（或 ng-container）中：

<div *ngIf="{pagingVar: pagingVariables$ | async} as data">
   <ng-template let-pageSize="data.pagingVar?.offset">
   </ng-template>
</div>

1 回答 1