angular 4 - 在 p-datatable 中使用 else 条件和 ng-template。目前模板内有 2 个 ngif，希望避免使用两个 ngif

Question

在一个组件中，我有一个与此类似的源代码:

<ng-template let-col let-row="rowData" let-rowIndex="rowIndex" pTemplate="body">
  <span *ngIf='row.job_id'>
    {{row.job_id}}
  </span>
  <span *ngIf='!row.job_id'>
    Job ID Not available
  </span>
</ng-template>

我想在单个 ng-template 中使用 else 条件。我怎样才能实现它？

Answer 1

如果您只需要更改范围内的文本，您可以简单地使用:

{{ row.job_id ? row.job_id : 'Job ID Not available' }} 

像这样你可以避免 *ngIf

如果你真的想使用 if/else 这似乎有效:

<ng-template let-col let-row="rowData" let-rowIndex="rowIndex" pTemplate="body">
    <span *ngIf='row.job_id; else notAvailable'>
       {{row.job_id}}
    </span>
    <ng-template #notAvailable>
      <span>
        Job ID Not available
      </span>
    <ng-template>
</ng-template>