时间戳

首页 > 解决方案 > 自定义模板剑道网格 - 调用相同的 observable

angular - 自定义模板剑道网格 - 调用相同的 observable

问题描述

我的kendo-grid有 2 个自定义模板。每个模板都需要相同的 observable。有没有办法避免打同样的电话？

      <ng-template appGridCustomCol let-dataItem name="lastControlName">
        <span *ngIf="dataItem.lastControl$ | async as ctrl">{{ ctrl?.nomtype }}</span>
     </ng-template>
     <ng-template appGridCustomCol let-dataItem name="lastControlDate">
      <span *ngIf="dataItem.lastControl$ | async as ctrl">{{ ctrl?.controlDate | kendoDate:'g' }}</span>
     </ng-template>

谢谢

标签： angular

解决方案

您可以简单地将模板包装在 an 中*ngIf并分配Observable

<ng-container *ngIf="dataItem.lastControl$ | async as ctrl">

    <!-- Other Code Here -->

   <ng-template appGridCustomCol let-dataItem name="lastControlName">
     <span>{{ ctrl?.nomtype }}</span>
   </ng-template>
   <ng-template appGridCustomCol let-dataItem name="lastControlDate">
     <span>{{ ctrl?.controlDate | kendoDate:'g' }}</span>
   </ng-template>
</ng-container>

推荐阅读