当满足某个条件时，如何在Angular5/HTML中隐藏链接

我在Angular5/html中工作。我有一点被卡住了

我有一个页面，我可以添加不同的帐户。我有一个删除这些帐户的链接。现在，我希望该链接显示只有当有超过1个帐户添加。对于仅添加的1个帐户，我不希望显示我的帐户删除链接

我将如何在下面的代码中包含此条件？我的意思是，如果我使用ngif，那么我将如何响应ngif以隐藏帐户删除链接

此外，对于ngif中的条件，我可以在html中指定它（类似于count为1或i为0，因为count在这里表示帐户数），或者我需要在ts文件中为它编写函数

<li *ngFor="let ac of Accounts; let i = index;">
  <div class="header">
    <h2>{{'account.title' | translate : { count: i + 1 } }}</h2>
    <a [routerLink]="" (click)="removeAccount(i)">{{'account.remove' | translate}}</a>
  </div>
  <account [data]="ac" [id]="i"><account>
</li>

{{'account.title'{translate:{count:i+1}}}
{{'account.remove'| translate}}

您可以在锚定标签上使用

*ngIf

我们可以使用数组

Account.length

的length属性来获得帐户数，然后检查它是否大于

>1

仅当

Accounts

数组中有多个元素时，才会显示锚定标记下方

<li *ngFor="let ac of Accounts; let i = index;">
    <div class="header">
      <h2>{{'account.title' | translate : { count: i + 1 } }}</h2>
      <a *ngIf="Accounts.length > 1" [routerLink]="" (click)="removeAccount(i)">{{'account.remove' | translate}}</a>
    </div>
    <account [data]="ac" [id]="i">
      <account>
</li>

{{'account.title'{translate:{count:i+1}}}
{{'account.remove'| translate}}