如何在ionic 2中单击链接或按钮转到另一个页面答案

【问题标题】：how to go to another page on link or button click in ionic 2如何在ionic 2中单击链接或按钮转到另一个页面
【发布时间】：2017-10-04 21:16:44
【问题描述】：

当我点击下面给定的链接时，我想转到主页。但它没有采取我到我想去的页面。当我点击下面时，我想访问主页提到的链接或按钮。我必须添加任何角度代码吗？如果是的话我必须写什么以及在哪个文件中？？

      <ion-header>
        <ion-navbar>
          <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
          </button>
          <ion-title>Profile</ion-title>
        </ion-navbar>
      </ion-header>
      <ion-content padding>
        <a href="#/home.html">click to home page</a>
        <button type="button" ng-click="home()">click to home page</button>
      </ion-content>

【问题讨论】：

您的路由配置中的主页 url 是什么？
我创建了一个名为“prorile”的页面，位置是“src/pages/profile page and all other page”
不，我的意思是您主页的绝对 URL。即http://localhost/homepage

标签： html angular ionic2

【解决方案1】：

html文件

<button ion-button (click)="home()">go to home page</button>

.ts 文件

import {HomePage} from '../../pages/home/home';

调用函数home()

home(){
this.navCtrl.push(HomePage);
}

【讨论】：

你能解释一下我必须在哪里粘贴这些代码吗？我的意思是在哪些文件中？？？
你必须从哪个页面进入主页，在那个页面中添加这段代码并将主页导入到这个页面，
参考这个ionicframework.com/docs/api/navigation/NavController

【解决方案2】：

在您的 html 文件中，

<button type="button" (click)="home()">click to home page</button>

在您的 ts 文件中，

home(){
 this.navCtrl.setRoot(HomePage);
}

不要忘记在您的 .ts 文件中导入 HomePage！

【讨论】：

你能解释一下我必须在哪个文件中粘贴这个“home(){ this.navCtrl.setRoot(HomePage); }”和“import {HomePage} from '../../页面/主页/主页';”这段代码？
您在哪个页面有点击主页按钮？粘贴在那里
别忘了导入NavController