Question

我是Ionic 2框架的新手。我想知道，我如何使用网址在离子应用中导航。与Angular 2应用程序中的导航类似。

假设我想在 localhost：8100 / intro 上使用登录按钮 IntroPage ，按下按钮后我想重定向到主页在 localhost：8100 / home 。

exec('sh /path/to/myscript.sh', $output, $return_var);

Answer 1

您可以使用离子2的DeepLinker。

在ionic2中，您可以使用this.navigator.push(SomeComponent)进行导航。但是如果你想改变网址，你需要为它们定义深层链接，如：

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

Answer 2

正如文档所说：（https://ionicframework.com/docs/v2/api/navigation/NavController/）你不能像在离子1中那样使用ui-sref。但只有this.navigation.push（'home'）...这意味着你必须在html上做一个函数（也许是一个（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');
   }
}

离子2：使用URL导航

2 个答案: