隐藏或显示传输图标

Question

我正在尝试隐藏 转账按钮 如果帐户是负值，或者如果帐户是正值则显示转账。

我想检查金额是否为负然后隐藏转账按钮如果金额为正则显示转账按钮

HTML

<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

，这应该显示或隐藏按钮

隐藏或显示传输图标

Hide or Show Transfer Icon

html

angular

typescript

scss-lint