角度4-在p-datatable中使用ng-template的其他条件.目前模板内部

发布时间：2020-12-17 07:07:08 所属栏目：安全来源：网络整理

导读：在一个组件中,我有一个与此类似的源代码： 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 我想在单个n

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

<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条件.我怎么能实现它？

解决方法

如果您只需要更改跨度内的文本,则可以使用：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!