首页 > 解决方案 > 根据角度的其他状态显示html元素

问题描述

我有一个如下的无序列表。因此,如果仅显示第 1 项,我需要显示第 2 项列表项。

    <li nz-menu-item (click)="downloadInvoiceDocument(data.id,'ENVELOPE')">Zarf indir</li>
    <li nz-menu-divider></li>
1.  <li nz-menu-item (click)="saveInvoice(data.id)">Kaydet</li>
2.  <li nz-menu-divider ></li>

标签: angular

解决方案


您可以使用<ng-container/>包装元素并应用于*ngIf容器,如下所示

<li nz-menu-item (click)="downloadInvoiceDocument(data.id,'ENVELOPE')">Zarf indir</li>
<li nz-menu-divider></li>
<ng-container *ngIf="data.id"> <!-- or any other condition you want to apply -->
    <li nz-menu-item (click)="saveInvoice(data.id)">Kaydet</li>
    <li nz-menu-divider ></li>
</ng-container>

推荐阅读