2016-05-20 2 views
2

Я создаю App с Ionic2, а требование - - приложение при первой загрузке будет показывать Вход страницы и при входе в - будет включено полутуши-меню страницыIonic2 - Логин, а затем Side меню

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

Как я могу создать приложение, которое сначала загружает страницу входа в систему, а затем устанавливает боковое меню в качестве основной навигации и никогда не отображает экран входа?

Я сделал это с ионным 1, но не в состоянии понять, с ionic2

Пожалуйста, помогите.

ответ

5

Одно решение было бы отключить меню на экране входа в систему, а затем включить его после входа в систему.

Вы можете отключить меню, вводя MenuController, а затем использовать:

import {NavController, MenuController} from 'ionic-angular'; 



    ionViewDidEnter() { 
    //to disable menu, or 
    this.menu.enable(false); 
    } 

    ionViewWillLeave() { 
    // to enable menu. 
    this.menu.enable(true); 
} 
+0

Привет Борис, ли отключение меню скрывает кнопку меню переключения в то же время? Не уверен. Нужно поэкспериментировать. Однако, спасибо, что разделили идею. –

+1

Hi @DigitalIQ думаю нет. У меня была аналогичная проблема в приложении, на котором я работал. Я использовал код из своего примера, чтобы отключить меню на некоторых представлениях, чтобы пользователь не мог открыть меню путем прокрутки. И я добавил navbar с кнопками переключения меню только на представлениях, на которые я хотел показать кнопку переключения. В настоящее время это мое решение для этого, не уверен, что лучше. –

1

@Digital IQ, вы должны установить вашу страницу входа в систему в качестве корневой страницы в существующий app.ts файл и использовать MenuController в странице входа, чтобы сделать меню включить onPageDidLeave. Пример для этого доступен в ionic conference app, где у них есть учебная страница, прежде чем попасть в реальное приложение. См. this для управления меню и this (строка 50), чтобы установить начальную страницу.

-1

вид Attn [Вахид Najafi & Aish123]

Я пытался что-то более легкое, и я нашел, что это работает.

  • Я установил страницу входа в систему как корень при первом загрузке приложения, и я удалил кнопку «menuToggle» из этого шаблона.

  • Тогда я импортировал компонент Я хочу, чтобы перенаправить на Вход

  • Я создал функцию Поющие в классе LoginPage следующим образом:

    зарегистрировались() {
    пусть navRef = это. app.getComponent ('нав');
    navRef.setRoot (HelloIonicPage); }

и он работал как шарм

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