离子2:使用URL导航

Question

我在离子2框架中非常新。我想知道，如何使用URL在离子应用程序中导航。在Angular 2应用程序中完成导航的方式相似。

假设我想在 localhost上 Intopage localhost：8100/Intro 带有登录按钮，按下按钮，我想重定向到 homepage on localhost：8100/home 。

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

Answer 1

您可以使用ionic2的deeplinker。

在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/）您仍然不能像Ionic 1...但仅使用ui-sref，但只有this.navigation.push（'home'）...这意味着您必须在html上执行功能（也许是a（click）=" 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');
   }
}