如何解决如何将 Angular 模板变量绑定到涉及异步管道的表达式？
我有以下 Angular 模板：
<!-- client\src\app\admin\admin-page\admin.page.html -->
<mat-sidenav-container>
<mat-sidenav class="sidenav" mode="over" position="start" [opened]="productService.currentProduct$ | async" #productDetails>
<form (ngSubmit)="productDetails.close()">
<div class="form-group">
<!-- error TS2339: Property 'product' does not exist on type 'AdminPage'. -->
<input class="form-control" type="text" placeholder="Name" name="name" [value]="product.name">
</div>
<div class="form-group">
<!-- error TS2339: Property 'product' does not exist on type 'AdminPage'. -->
<input class="form-control" type="number" placeholder="Price" name="price" min="0" [valueAsNumber]="product.price">
</div>
<!-- more inputs... -->
</form>
</mat-sidenav>
<router-outlet></router-outlet>
<button mat-fab color="primary" (click)="productDetails.open()">
<mat-icon>add</mat-icon>
</button>
</mat-sidenav-container>
无法编译，因为标识符 product 未定义。我想将 product 定义为
productService.currentProduct$ | async as product
我知道它是 *ngIf 的有效语法，但显然不适用于像上面的 [opened] 这样的属性绑定。
有没有一种优雅的方法来做到这一点？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。