向上或向下滚动并拉动以刷新Onsen UI和angularjs混合应用程序

Question

我创建了一个带有Onsen UI和angularjs的混合应用程序，我想让页面向上或向下滚动并拉动刷新。我添加了iScroll，但它不起作用，我不知道它是否不起作用。 Onsen UI和angularjs之间是否存在冲突？怎么解决？非常感谢您的回答。

Answer 1

我可能会误解一点，但不是this你想要的是什么？

如果您使用Onsen UI，您仍然可以正常滚动页面。要获得pull to refresh功能，您只需在页面内添加ons-pull-hook标记即可。像这样的东西

<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>

应该工作得很好。

  

我添加了iScroll，但它不起作用，我不知道它是否不起作用。

此方案不需要iScroll。如果你愿意，你可以稍后添加它，但也许我们可以尝试在没有它的情况下使一切正常工作。如果仅在添加iScroll后出现问题，我可以稍后更新我的答案。

  

Onsen UI和angularjs之间是否存在冲突？

两者之间不应该有任何冲突。这里的一个大问题是你是使用Onsen 1还是Onsen 2. Onsen 1实际上是基于Angular，而Onsen 2不需要Angular工作。

  

如何解决？

目前我不确定问题究竟在哪里。

如果你担心Angular，Onsen或iScroll的初始化，那么分享你的初始化代码对于更好的答案是有用的。