ionic 2コンテンツページのボタン/メニューを追加

Question

私はイオン2を学習しています。私の学習プロセスの一部として、私は基本的なイオン2アプリを作成しています。

以下は私のアプリからのページです。私はアプリ内のAboutページに表示したいテキストコンテンツをいくつか持っています。最初はタイトルのみが表示され、ユーザーがタイトルをクリックすると、テキストコンテンツのある別のページを開く必要があります。

これはどのように達成できますか？つまり、どのコンポーネントをこれに使用するのですか？どんな指導も素晴らしいでしょう。これを達成するための他のアプローチ/提案も歓迎されています。私はページを混乱させたくありません。

Answer 1

があるページから別のページに移動するには、あなたは navControllerを通じて抽象化 スタックデータ構造を使用して発生したイオン2でイオン2.基本的にすべてのナビゲーションが提供する navControllerを使用しなければならないでしょう。この方法であなたは

.push(ClassNameOfThePageYouWantToPush,{paramsYouWantToPassToTheNewPage}) 

そして、既存のページはあなたがそれをトリガーするための詳細情報here

を見つけることができます

.pop(ClassNameOfThePageYouWantToPush,{paramsYouWantToPassToTheNewPage}) 

を呼び出すことにより、スタックからポップすることができますを使用して他のページの上にページをプッシュすることができますUIで、（クリック）ハンドラを使用して関数を呼び出します。

<ion-title (click)="openNextPage()">About</ion-title> 

.tsファイルを使用すると、navControllerをインポートしてコンストラクタに追加できます。

import { NavController, NavParams } from 'ionic-angular'; 

@Component({ 
    selector: 'page-page2', 
    templateUrl: 'page2.html' 
    }) 
export class Page2 { 
    constructor(public navCtrl: NavController) { 
    } 

    openNextPage(){ 
    this.navCtrl.push(PageYouWantToOpen); 
    } 
} 

ページ

$: ionic g page my-page 

に生成するイオン2つのCLIを使用する場合、このような共通の特徴であるので、それが自動的に使用する準備ができてからNavControllerとnavParamsを追加します。