如何转到链接上的另一个页面或单击离子2中的按钮

时间:2017-10-04 10:22:06

标签: html5 angular ionic2

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

      <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>

2 个答案:

答案 0 :(得分:3)

html文件

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

.ts文件

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

调用函数home()

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

答案 1 :(得分:0)

html 文件中的

<button type="button" (click)="home()">click to home page</button>
ts 文件中的

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

不要忘记在.ts文件中导入主页