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

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

所以，

而不是 -

<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>

当[disabled] =“true”时如何隐藏按钮

2 个答案: