可观测的priming-turbo表单细胞操作

文档中的一个字段称为 providerName 在那里,我保存的不是实际的提供者名称,而是提供者firebase id(嵌套对象)。这样,无论何时实际的提供者对象发生更改(编辑操作),我都会在原始文档中拥有正确的名称

目前,我的priming p-table正在显示提供者id,因此我编写了以下代码来处理它

下面是template.html代码

<p-table #dt [columns]="cols" [value]="expenseService.expenses$ | async" dataKey="id">
        <ng-template pTemplate="body" let-expense>
          <tr [pSelectableRow]="expense">
            <td *ngFor="let col of cols" [ngSwitch]="col.field">
              <span *ngSwitchCase="'serviceProviderName'">{{getName(expense)}}</span> <--- this is the important line
              <span *ngSwitchCase="'amount'">{{expense.amount | number:'1.0-0'}}</span>
              <span *ngSwitchDefault>{{ expense[col.field] }}</span>

            </td>
          </tr>
        </ng-template>
      </p-table>

在我的组件中,我有以下getName()的实现

  getName(event) {
    const label = this.serviceProviders.filter(x => x.value === event.serviceProviderName);
    if (label && label[0]) {
      return label[0].label;
    } else {
      return event.serviceProviderName;
    }
  }

这个 serviceProviders 当表被一个可观察对象填充时,它是空的,所以我的问题来了。

如何让datatable知道 服务提供者 准备好了,然后打电话给 getName 功能?