在Ionic中使用ngIF 3

Question

当我想在离子1中隐藏或显示div时,我曾经使用过ngshow.

我正在使用离子3,如果indexCount == 0,我试图让按钮什么也不做(没有点击事件).

我现在有......

<div ng-if=" indexCount == 0">
<button ion-button class="previous"> Previous </button>

<div ng-if=" indexCount != 0">
 <button ion-button class="next" (click)="previousButtonClick"> Next 
</button>

Answer 1

我认为,要禁用或隐藏页面上的"上一个"按钮indexCount == 0在最后一页上,并禁用/隐藏"下一步"按钮indexCount == length - 1,其中length是的页数.

您可以禁用按钮以实现一致的布局

<button [disabled]="indexCount == 0" ion-button class="previous">Previous</button>
<button [disabled]="indexCount >= length - 1" ion-button class="next" (click)="previousButtonClick()">Next</button>

或者删除它 *ngIf

<button *ngIf="indexCount != 0" ion-button class="previous">Previous</button>
<button *ngIf="indexCount < length - 1" ion-button class="next" (click)="previousButtonClick()">Next</button>

请注意,[disabled]阻止点击事件触发.