перейти на другую вкладку после отправки формы ionic 2x - PullRequest
Новая
       1

перейти на другую вкладку после отправки формы ionic 2x

0 голосов
/ 06 июля 2018

Навигация между вкладками работает отлично, когда пользователь нажимает кнопку, и с тем, что я делаю в настоящее время, я пытаюсь переключиться на другую вкладку после того, как пользователь отправил форму

tabs.html 

<ion-tabs  [selectedIndex]="{{changTab}}">
    <ion-tab tabTitle="Home" [root]="setTab1" tabIcon="home"></ion-tab>
   <ion-tab  tabTitle="Search" [root]="setTab2" tabIcon="search"></ion-tab>
   <ion-tab  tabTitle="Lessons" [root]="setTab3" tabIcon="book"></ion-tab>
   <ion-tab  tabTitle="Notifications" [root]="setTab4" tabIcon="star"></ion-tab>
   <ion-tab  tabTitle="Account" [root]="setTab5" tabIcon="person"></ion-tab>
 </ion-tabs>

signup.ts 

signUp(){
this.http.post('url',{'fullname':this.fullname,'password':this.password}).map(res=>res.json()).subsribe(data=>{
console.log(data(JSON.stringfy));
this.changTab=3
})
}

1 Ответ

0 голосов
/ 06 июля 2018

Попробуйте, надеюсь, это вам поможет.

Создать 

import { Component, ViewChild } from '@angular/core';
 export class ClassName {
   /*ADD this inside your class */
   @ViewChild("paymentTabs") paymentTabs: Tabs;

Добавить сюда 

 /* add paymentTabs  with # ion-tabs*/
<ion-tabs #paymentTabs [selectedIndex]="{{changTab}}">

Звоните здесь 

  /* Select tab via index*/
this.paymentTabs.select(1);

Надеюсь, это поможет вам.

...