Как перенаправить в ionic2

В основном я изучил, как мы можем использовать get и post в API, используя ionic2.

Но я серьезно застрял в том, как перейти на экран приветствия после аутентификации.

Это мой html:

<ion-content>
  <ion-list>

    <ion-label>Username</ion-label>
    <input type="text" name="username" [(ngModel)]="model.username">

    <ion-label>Password</ion-label>
    <input type="password" name="password" [(ngModel)]="model.password"><br><br><br>

    <button round block (click)="submit()">Submit</button>

  </ion-list>
</ion-content>

angular ionic2
person Narendra Vyas    schedule 13.12.2016    source источник

Ответы (1)


arrow_upward
3
arrow_downward

в вашем файле ts

импортируйте свой класс экрана приветствия и напишите приведенную ниже функцию

import { NavController } from 'ionic-angular';

constructor(public navCtrl:NavController){}

submit(){
  this.navCtrl.push(WelcomeScreen,{});
}

вы можете использовать push pop и setRoot в зависимости от того, что вам нужно узнать больше о навигации в ionic, перейдите по этой ссылке http://ionicframework.com/docs/v2/api/navigation/NavController.

person Mohan Gopi    schedule 13.12.2016
comment
Привет, Мохан: при использовании выдает ошибку: error_handler.js: 50 ИСХОДНОЕ ИСКЛЮЧЕНИЕ: нет провайдера для NavController! . В консоли - person Narendra Vyas; 13.12.2016
comment
Конечно, вы должны импортировать свою страницу приветствия и страницу входа в файл app.module.ts и добавить ее в свои entryCompopnent и declaration. - person Mohan Gopi; 13.12.2016
comment
По сути, у меня есть свежий ionic2, включая меню: в него я включил import {NavController} из 'ionic-angular'; и когда я передаю его в конструкторе как конструктор (общедоступная платформа: платформа, общедоступный navCtrl: NavController), это дает мне ошибку Нет провайдера для NavController! - person Narendra Vyas; 13.12.2016
comment
вы можете перейти в папку приложения и внутри нее вы найдете файл app.module.ts - person Mohan Gopi; 13.12.2016
comment
большое спасибо .. нуждаюсь в вашем ценном совете, что я использую ionic, включая боковые меню .. как можно установить, что при успешном входе в систему только пользователь может видеть экран приветствия, который включает в себя это меню - person Narendra Vyas; 13.12.2016
comment
Я имею в виду, должен ли я создать новый компонент, который будет моим по умолчанию, поскольку у меня есть app.component.ts по умолчанию, и один успешный вход в систему должен перенаправить на страницу меню - person Narendra Vyas; 13.12.2016