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

Question

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

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

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

我尝试了下面的代码并得到语法错误：意外令牌（

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

---

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

谢谢@Sebastian。你的回答给出了这个想法。但是我得到了"语法错误：意外的令牌 "，代码显示在答案中。这是我如何更改它：

<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>