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

Question

我已经 offset 值存储在 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）...

Answer 1

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

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

How can I bind BehaviorSubject's property value to let-* of ng-template?