如何在 [禁用]= "true" 时隐藏按钮

Question

按钮被禁用，但是如果禁用条件为真，我希望它隐藏在UI中 -

<button ion-button block 
    class="button-color-blue"
    [disabled]="true" 
    (click)="closePage()">
    Cancel
</button>

Answer 1

您是否尝试过以下操作：

// NOT RENDERED AL ALL
<button ion-button block class="button-color-blue" *ngIf="condition===false" [disabled]="true" (click)="closePage()">Cancel</button
// HIDE ONLY
<button ion-button block class="button-color-blue" [style.display-none]="true" [disabled]="true" (click)="closePage()">Cancel</button>

Answer 2

我解决了这个问题，这是我的错误，而不是禁用，我使用了隐藏

so，

而不是这个 -

<button ion-button block class="button-color-blue" [disabled]="true" (click)="closePage()">Cancel</button>

如果您想对项目看不见

，请使用此此事。

  <button ion-button block class="button-color-blue" [hidden]="true" (click)="closePage()">Cancel</button>