2016-05-24 8 views
1

Ich habe eine Cross-Plattform-App, die mit AngularJS, Monaca und Onsen UI entwickelt wurde.Zeige neue Seite in AngularJS auf Listenansicht item

In einem meiner Ansichten angezeigt werden ich eine Listenansicht ähnlich der List Item mit Chevron auf THIS Seite von Onsen UI.

Diese Liste wird dynamisch mit Daten aus meiner Datenbank erstellt und zeigt eine Liste von Daten an. Ich kann die Liste auffüllen und die Daten in der Liste mit ng-repeat anzeigen.

Wenn der Benutzer eines der Daten aus der Liste auswählt, muss ich erfassen, welches Listenelement (Datum) ausgewählt wurde. Ich muss auch zur nächsten Seite navigieren, auf der ich den Verweis verwende, welches Datum ausgewählt wurde, um dem Benutzer weitere Informationen zu diesem Datum anzuzeigen.

Wie kann ich erfassen, welches Datum ausgewählt wurde und dieses speichern sowie zum nächsten Bildschirm navigieren?

So habe ich meine Ansicht Listenansicht in dem Moment erstellt, wo ich die Daten wiederholen und eine PushPage() ausführen, wenn der Benutzer eines der Listenelemente auswählt. Aber wie bekomme ich heraus, welches Listenelement ausgewählt wurde, damit ich es für die nächste Ansicht speichern kann?

<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

Rufen Sie eine Funktion auf Ihrem Controller auf, wenn ein Listenelement angeklickt wird und geben Sie das Datum ein. z.B. 'ng-click =" dateClicked (meinDatum) "' – rob

+0

Ich habe bereits einen ng-Klick, der eine neue Seite schiebt Kann ich 2 ng-Klicks haben? – heyred

+0

Behandle einfach alles mit der 'dateClicked()' Funktion. z.B. Sie können die neue Seite auch von dort aus pushen – rob

Antwort

0

Wie pro mein Verständnis denke, dass ich Sie {{myDate.date}} innerhalb Funktion auf ng-Klick-Ereignis und es im Inneren, dass defination ...

Hoffnung Funktionen verwenden passieren kann es Ihnen helfen. .. :)

Verwandte Themen