javascript - 在 ionic 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 进行验证并从段字段中获取所有数据。希望对您有帮助