隐藏或显示传输图标

Question

我试图隐藏传输按钮，如果一个帐户是一个负值，或显示转移，如果一个帐户是一个正值。

我要检查金额是否为负数，然后隐藏传输按钮，如果金额为正，则显示传输按钮。

<div class ="content">
         <span class ="negative-account" *ngIf="account?.primaryValue! <= 0">-</span>
              <span class="dollar-sign">$</span>
                    {{account?.primaryValue | currency: '': '' | absolute }}
</div>
<div class="transfer"
     *ngIf="showTransferLink"
   <div> Transfer</div>
</div>

类型标

export class AccountComponent {
private _showTransferLink = false;

@Input ()
public set showTransferLink(showTransferLink: boolean) {
    this._showTransferLink = attributeToBoolean(showTransferLink);
}

public get showTransferLink() {
return (
  this._showTransferLink &&
  this.account
);
}

Answer 1

我看到您已经根据帐户的值显示或隐藏了一个减号。为什么不对按钮应用相同的逻辑呢？

<div class="transfer" *ngIf="account?.primaryValue >= 0">
   <div>Transfer</div>
</div>

如果帐户的primaryValue小于或大于0，则应显示或隐藏该按钮。