2017-10-04 21 views
-1

私は下のリンクをクリックするとホームページに行きたい。しかし、それは私が行ってみたいページに 私を取っていない。私は下のをクリックするとホームページにアクセスしたいと思っています 上記のリンクまたはボタン。任意の角度コードを追加する必要がありますか?もしそうなら、 私は何を書いて、どのファイルに書かなければならないのですか?あなたのTSファイル内リンクやボタンで別のページに移動する方法ionicをクリックする2

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

を提出あなたのルーティング設定で、あなたのホームページのURLは何ですか? –

+0

"prorile"という名前のページを作成しました。場所は "src/pages/profile pageと他のすべてのページ" – Samar

+0

いいえ、あなたのホームページの絶対URLを意味します。すなわち 'ます。http:; と 「インポート{// localhost /をhomepage' –

答えて

0
あなた HTMLファイルで

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

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

はあなた.TSファイルでホームページをインポートすることを忘れないでください!

+0

あなたは私がこの "ホーム(){ this.navCtrl.setRoot(ホームページ)}" ペーストする必要がどのファイルに説明してくださいすることができますホームページから} ../../../pages/home/home '; "このコード? – Samar

+0

Click to home pageボタンがありますか?そこに貼り付けてください – Gowtham

+0

と 'NavController'をインポートすることを忘れないでください – core114

1

htmlファイル

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

.TSは

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

コール機能ホーム()

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

あなたは私がこれらのコードを貼り付ける必要があることを教えてくださいできますか?私はどのファイルで意味ですか? – Samar

+0

あなたが持っているページをHomePageに移動するには、そのページでこのコードを追加し、HomePageをこのページにインポートする – faizi

+0

このhttps://ionicframework.com/docs/api/navigation/NavController/を参照してください – faizi

関連する問題