按钮上的切换段在离子v2中单击

Question

我尝试使用细分创建多页表单。我尝试搜索示例但无法找到任何示例。

这就是我的多页表单现在的样子，

我的问题是如何在按钮点击时切换到下一个段（在我的情况下，它是下一个按钮，应该让用户进入下一个段）。提前谢谢！

Answer 1

您可以这样做：

    <div [ngSwitch]="Segments">
        <div *ngSwitchCase="1">
            SEGMENT CONTENT
            <button ion-button (click)="Segments = 2">NEXT</button>
        </div>
        <div *ngSwitchCase="2">
            SEGMENT CONTENT
            <button ion-button (click)="Segments = 3">NEXT</button>
        </div>
        <div *ngSwitchCase="3">
            SEGMENT CONTENT
            <button ion-button (click)="Segments = 4">NEXT</button>
        </div>
        ...
    </div>

    <ion-segment [(ngModel)]="Segments">
        <ion-segment-button value="1">
            1 >
        </ion-segment-button>
        <ion-segment-button (ionSelect)="Segments = 2" value="2">
            2 >
        </ion-segment-button>
        ...
    </ion-segment>

然后使用formBuilder进行验证并从段字段中获取所有数据。希望它有所帮助