Ионный 2: перейдите по ссылкам

Question

Я очень новичок в Ionic 2 framework. Я хотел бы знать, как я могу перемещаться в ионном приложении, используя URL-адреса. Аналогично навигации в приложении «Угловое 2».

Скажем, я хочу иметь IntroPage на локальный: 8100/интро с кнопкой входа и после нажатия кнопки я хочу быть перенаправлять HomePage на локальный: 8100/дома.

localhost:8100/intro -> localhost:8100/home 

Answer 1

Вы можете использовать DeepLinker из ionic2.

В ionic2 вы можете перемещаться только с this.navigator.push(SomeComponent). Но если вы хотите изменить URL-адрес, вам необходимо определить deeplinker для них:

imports: [ 
IonicModule.forRoot(MyApp, {}, { 
    links: [ 
    { component: HomePage, name: 'Home', segment: 'home' } 
    ] 
}) 
] 

Answer 2

как говорит документация: (https://ionicframework.com/docs/v2/api/navigation/NavController/) вы не можете по-прежнему использовать UI-sref как в ионном 1..but только this.navigation.push («домашний») ... это означает, что вы должны сделать функция на HTML (возможно (нажмите) = "MyFunc()") для вызова навигации в файле TS

import { Component, ViewChild } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

@Component({ 
    template: '<ion-nav #myNav [root]="rootPage"></ion-nav>' 
}) 
export class MyApp { 
    @ViewChild('myNav') nav: NavController 
    public rootPage = TabsPage; 

    // Wait for the components in MyApp's template to be initialized 
    // In this case, we are waiting for the Nav with reference variable of "#myNav" 
    ngOnInit() { 
     // Let's navigate from TabsPage to Page1 
     this.nav.push('home'); 
    } 
}