Ich habe eine Hybrid-App mit Onsen UI und angularjs erstellt, und ich möchte die Seite nach oben oder unten scrollen und ziehen, um zu aktualisieren. Ich habe den iScroll hinzugefügt, aber es funktioniert nicht, ich weiß nicht, ob es nicht funktioniert. Besteht ein Konflikt zwischen Onsen UI und angularjs? Wie man es repariert? Vielen Dank für die Antworten.scrollen nach oben oder unten und ziehen, um für Onsen UI und angularjs Hybrid-App zu aktualisieren
scrollen nach oben oder unten und ziehen, um für Onsen UI und angularjs Hybrid-App zu aktualisieren
Antwort
Ich mag ein bisschen falsch verstehen, aber ist nicht this was Sie wollen?
Wenn Sie Onsen UI verwenden, können Sie die Seite normal scrollen. Um die Pull-to-Refresh-Funktionalität zu erhalten, benötigen Sie nur ein ons-pull-hook
Tag innerhalb der Seite. Also etwas wie das
<ons-page>
<ons-pull-hook>Pull to refresh</ons-pull-hook>
<ons-list>
<ons-list-item ng-repeat="item in items">{{item}}</ons-list-item>
</ons-list>
</ons-page>
sollte gut funktionieren.
Ich habe den iScroll hinzugefügt, aber es funktioniert nicht, ich weiß nicht, ob es nicht funktioniert.
iScroll ist für dieses Szenario nicht erforderlich. Sie können es später hinzufügen, wenn Sie wollen, aber vielleicht versuchen wir zuerst, alles ohne es zu machen. Wenn das Problem nur auftritt, nachdem Sie iScroll hinzugefügt haben, kann ich meine Antwort später aktualisieren.
Besteht ein Konflikt zwischen Onsen UI und angularjs?
Es sollte keinen Konflikt zwischen den beiden geben. Eine große Frage ist hier, ob Sie Onsen 1 oder Onsen 2 verwenden. Onsen 1 basierte tatsächlich auf Angular, während Onsen 2 keine Angular benötigt, um zu arbeiten.
Wie es zu beheben?
Derzeit bin ich nicht sicher, wo das Problem genau liegt.
Wenn Sie sich über die Initialisierung von Angular, Onsen oder iScroll Sorgen machen, wäre es vielleicht nützlich, Ihren Initialisierungscode zu teilen, um eine bessere Antwort zu erhalten.