2017-02-01 3 views
0

Я пытаюсь создать многостраничные формы с использованием сегмента. Я попытался найти примеры, но не смог найти их.Переключить сегменты на кнопку click in ionic v2

Это как моя мульти форма страница выглядит сейчас, page-1

enter image description here

Мой вопрос, как я могу перейти к следующему сегменту по нажатию кнопки (в моем случае его следующую кнопку, которая должна сделать пользователь переходит к следующему сегменту). Заранее спасибо!

+0

http://ionicframework.com/docs/v2/api/components/segment/Segment/ –

ответ

3

Вы можете сделать что-то вроде этого:

<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 для проверки и получать все данные из полей сегмента. Надеюсь, это поможет

Смежные вопросы