Как перемещаться (нажимать) на страницу в Ionic 2?

Я следил за документацией для Ionic 2 и не мог найти способ нажать/изменить страницу.Как перемещаться (нажимать) на страницу в Ionic 2?

Я следил за учебником, но когда я нажимаю на кнопку, ничего не происходит.

Официальное лицо guide не объясняет, что страница слишком грубая.

Может кто-нибудь объяснить процесс?

источник

2016-10-14 Chathuranga Silva

Создание новой страницы

Если вы хотите добавить новую страницу в проект, который вы должны сделать это в командной строке. Таким образом, вам нужно запустить следующую команду после изменения в каталог проекта (CD yourProject)

ionic g page about

В режиме консоли будет генерировать HTML, машинопись, и SCSS файлы для новой страницы в новом каталоге под приложением \ страниц.

Добавить новую страницу в app.module.ts Файл

Добавить заявления моей страницы в app.modules.ts файл. Нечто подобное, -

import {AboutPage} from '../pages/about/about'; 
     @NgModule({ 
     declarations: [ 
      MyApp, 
      HomePage, 
      AboutPage // Add New Page 
     ], 
     imports: [ 
      IonicModule.forRoot(MyApp) 
     ], 
     bootstrap: [IonicApp], 
     entryComponents: [ 
      MyApp, 
      HomePage, 
      AboutPage //Add New Page 
     ], 
     providers: [] 
     }) 
    export class AppModule {}

Навигация От дома до О

Для перехода с домашней страницы вновь созданным о странице, вам нужно будет импортировать AboutPage класс в home.ts файл для использования в HomePage классе.

import {AboutPage} from '../about/about';

Далее вам нужно создать функцию кнопки на home.ts

showProfilePage() { 
    this.navCtrl.push(AboutPage); 
}

Далее в home.html шаблоне, можно добавить кнопку с по щелчку и перейдите к aboutPage.html.

<button (click)="showProfilePage()>Go To About</button>

И добавить некоторое содержание к о шаблоне

Serve

Далее, в CLI, запустить ионную служат для просмотра приложения в браузере:

ionic serve --lab

Теперь вам может проверить функциональность навигации в Ionic 2. Приветствия !!!

источник

2016-10-14 04:23:21

Документация находится в очень сыром состоянии на данный момент. Ионный просто вышел из бета-версии, и в rc-версии много изменений. Когда мы говорим, документы обновляются.

Я бы порекомендовал Josh's blog, чтобы узнать некоторые основы на Ионном.

И прямая ссылка навигации: A Simple Guide to Navigation in Ionic 2

Успехов!

источник

2016-10-14 12:27:23 Dee

Как перемещаться (нажимать) на страницу в Ionic 2?

ответ

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