angular2/ionic2使い方* ngFor関数呼び出しのパラメータ

Question

私はSOとAngular2の新機能だと言ってこれを前に説明します。

私は、* ngForループをパラメーターとして使用して、navCtrl.push（）で行を渡すことを試みています。目標はFacebook Messengerのようなもので、アクセスしたいチャットグループをクリックすると、クリックしたチャットグループに関連付けられたコンテンツ（メッセージ）のページが表示されます。ここで私はうまくいくと思ったものです。問題は、 'イベント'変数を押して/受信することです。私はngForループでテキスト参照を行っていますが、私はそれをカットします。しかし

<div *ngFor='let event of dataProvider.data.invitedEvents'> 
    <button (click)='this.navCtrl.push(groupVotePage, event)' ion-item> 
    </button> 
    </div> 

、私は（コンストラクタでnavParamsで）this.navParams.getとgroupVotePage（「イベント」）でイベントにアクセスしようと、私はnullを取得します。私はこれを渡す方法があるかどうか、または私はそれについて正しい方法で行くのだろうかと思っています。あなたが私にそれが何であるかを知らせることができれば、確かめる必要があるバックエンドのものがあることを知っています。

ありがとうございます！ここ

Answer 1

問題は、テンプレートにあなたが私はあなたがthis.navCtrl角度は、プロパティのためにあなたのコンポーネントのこの内部を見ていきます書くとき、第二の問題groupVotePageは財産ではないので、単純に言えば、という意味ではこのを持っていないということですテンプレートで使用するものはすべて、コンポーネント内のプロパティ/メソッドでなければなりません。

ボタン

<button (click)='goToPage(event)' ion-item></button> 

PSその後、コンポーネントの内部で

public goToPage(event){ 
    this.navCtrl.push(groupVotePage, { event: event}) 
} 

を新しいメソッドを作成します。 2番目のパラメータは、ルータが読み取るオブジェクトです。あなたのイベントにアクセスするには、ルータのキーバリューペアを渡す必要があります。