2016-05-24 10 views
1

AngularJS、Monaca、Onsen UIを使用して開発されたクロスプラットフォームアプリがあります。AngularJSの新しいページを表示リストビューの項目を選択

私の意見の1つに、と同様のリストビューが表示されています。リスト項目は、Chevron on THIS onsen UIです。

このリストは、データベースからのデータで動的に作成され、日付のリストを表示します。 ng-repeatを使用してリストにデータを入力し、リストに日付を表​​示することができます。

ユーザーがリストから日付を選択すると、選択されたリスト項目(日付)をキャプチャする必要があります。また、次のページに移動する必要があります。次のページでは、その日付に関するユーザーに詳細情報を表示するために選択された日付についての参照を使用します。

どの日付項目を選択して保存し、これを保存して次の画面に移動するにはどうすればよいですか?

これは、ユーザーがリスト項目を選択したときにデータを繰り返し、pushPage()を実行する時点で作成されたビューリストビューを持つ方法です。しかし、どのようにリスト項目を選択して取得するのですか?次のビューで使用するために保存できます。

<ul class="list"> 
    <li ng-repeat="myDate in data" class="list__item list__item--chevron" ng-click="myNavigator.pushPage('date-details.html', {animation: 'slide'});")> 
     {{myDate.date}} 
    </li> 
</ul> 
+0

リストアイテムがクリックされたときにコントローラ上の関数を呼び出し、その中に日付を渡します。例えば'ng-click =" dateClicked(myDate) "' – rob

+0

私は既に新しいページをプッシュするng-clickを持っています2 ng-clickを持つことはできますか? – heyred

+0

'dateClicked()'関数のすべてを処理するだけです。例えばそこから新しいページをプッシュすることもできます – rob

答えて

0

私はあなたが

が、それはあなたを助けることを願っています... ngのクリックイベントを、それがdefinationを機能内で使用上の関数内で{{myDate.date}}を渡すことができると思う私の理解あたりとして。 .. :)

関連する問題