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>
リストアイテムがクリックされたときにコントローラ上の関数を呼び出し、その中に日付を渡します。例えば'ng-click =" dateClicked(myDate) "' – rob
私は既に新しいページをプッシュするng-clickを持っています2 ng-clickを持つことはできますか? – heyred
'dateClicked()'関数のすべてを処理するだけです。例えばそこから新しいページをプッシュすることもできます – rob